如何在PHP變量中獲取ajax結果？

Question

我想在php變量上獲得ajax結果。 請幫幫我。

 <select name="type" onchange="showCustomer(this.value)">
      <option value="">---SELECT ITEM TYPE---</option>
      <option value="Food">Food</option>
      <option value="Beverage">Beverage</option>
    </select>

Ajax代碼

<script>
function showCustomer(str) {
    var xmlhttp;    
    if (str === "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    }
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
            document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","itemtype.php?q="+str,true);
    xmlhttp.send();
}
</script>

itemtype.php

<?php echo $_REQUEST['q'] ?>

現在我想在php變量中獲取結果，例如：-

<?php $iamvariable="<div id='txtHint'></div>"; echo $iamvariable ?>

我想將結果從ajax轉換為$iamvariable ，但我不知道如何獲取它，我只是嘗試使用上述代碼，但無法獲取。 他們有辦法嗎？

Answer 1

用這個 ：-

<select name="type" id="type">
      <option value="">---SELECT ITEM TYPE---</option>
      <option value="Food">Food</option>
      <option value="Beverage">Beverage</option>
    </select>
   <div id='txtHint'></div>

此行包含在標題中：-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

在頁面中寫這個腳本：-

<script>
$(document).ready(function(){
    $("#type").on("change",function(){
        var data = $("#type").val();
        $.ajax({url: "itemtype.php",data:{type: data},
     type: 'post', success: function(result){
            $("#txtHint").html(result);
        }});
    });
});
</script>

itemtype.php

<?php echo $_POST['type']; ?>

Answer 2

如果您想從ajax調用中獲取結果並將其分配給，而不是以下行，

document.getElementById("txtHint").innerHTML = xmlhttp.responseText;

嘗試這個：

document.getElementById("txtHint").value = xmlhttp.responseText;

innerHtml指定元素的html內容。 value設置輸入元素的值。

使用jQuery的另一種方式：

$("#txtHint").val(xmlhttp.responseText);