-1

私が持っている（動作する）MYSQL phpスクリプトにデータを送信しようとしていますが、そのスクリプトは私が望むものを「エコー」します。スクリプト php ファイルは完全に機能しており、成功時に何をエコー バックするかを選択できます。しかし今、HTML から Javascript に切り替えて、ページロードなしで div を置き換えたいと考えています。

多分私が今使っているスクリプトは間違った種類のスクリプトです。

ページはこんな感じ

<div id="Wrapper"> 
 <div id="std_img"
  //Here i have a img and a form with a submit button that sends the input data to my phpfile. 
 </div>


</div>

今私がやりたいことは、依存関係をエコーに置き換えることです。div id をエコー バックするとします。したがって、非表示と表示になります

これまでのスクリプトの外観は次のとおりです。

<script language="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(){
    var ajaxRequest;  // The variable that makes Ajax possible!

    try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try{
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
                // Something went wrong
                alert("Your browser broke!");
                return false;
            }
        }
    }
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){
            var ajaxDisplay = document.getElementById('ajaxDiv');
            ajaxDisplay.innerHTML = ajaxRequest.responseText;
        }
    }

    var sex = document.getElementById('vipcode').value;
    var sex = document.getElementById('userid').value;
    var sex = document.getElementById('username').value;
    var queryString = "?vipcode=" + vipcode + "&username=" + username + "&userid=" + userid;
    ajaxRequest.open("GET","<?php echo plugins_url('valdate.php', __FILE__) ?> " + queryString, true);
    ajaxRequest.send(null); 
}

//-->
</script>





<form name="activatevip">
 <input name="vipcode" id="vipcode" type="text" placeholder="Write code here">
 <input class='button-primary' type='button' onclick='ajaxFunction()' value='Activate' />
<p>
    <input type="hidden" id="userid" value="<?php echo $current_user->ID ?>">
  <input type="hidden" id="username" value="<?php echo $current_user->user_login ?>">
  </p>

</form>

<div id='ajaxDiv'>ECHO is shown here</div> // is there a way of insted display an output to replace an div?
4

1 に答える 1

1

これは正しくありません。

var sex = document.getElementById('vipcode').value;
var sex = document.getElementById('userid').value;
var sex = document.getElementById('username').value;

同じ変数名を持つことはできません。vipcode、userid、 のように変更します。username

var vipcode = document.getElementById('vipcode').value;
var userid = document.getElementById('userid').value;
var username = document.getElementById('username').value;
var queryString = "?vipcode=" + vipcode + "&username=" + username + "&userid=" + userid;

PS: あなたの変数名が気に入りsexました。スムーズ。しかし、それを見るのは残念です。

于 2013-11-02T16:20:09.463 に答える