通過ajax將javascript變量傳遞到php變量中不起作用

Question

test.php

<script src="https://code.jquery.com/jquery-1.11.1.js"></script>  
<script>
function testing(){
 $.ajax({
                        url: 'test.php',
                        type: 'GET',
                         data: { va: "answer" },
                         success: function(data) {
                             // do something;
alert("answer")  ;                       }
                     });



}
</script>

<textarea><?php 
$compare= $_GET['va'];
echo $compare; ?>
</textarea>  

<button onclick="testing();">click</button>     

當我單擊按鈕時收到警報消息，但未將任何內容輸入到textarea中。無法將javascript變量轉換為php代碼。 怎么了

Answer 1

AJAX和PHP是不同的。

PHP是基於服務器的，而AJAX是基於瀏覽器的。

您正在獲取數據：

您需要使用javascript本身來更新此數據。

由於頁面未刷新PHP，因此此處不會更新。

success: function(data) {
  $("textarea").val(data); // You need update the value with Javacript.
}

Answer 2

進行ajax調用后，您永遠不會更新textarea。 您需要將id屬性添加到textarea，以便清楚地指出您所指的是textarea，假設id為answer

<textarea id="answer"><?php 
$compare= $_GET['va'];
echo $compare; ?>
</textarea> 

然后使用$('#answer').val(data)在成功函數中設置textarea的值

function testing(){
    $.ajax({
            url: 'test.php',
            type: 'GET',
            data: { va: "answer" },
            success: function(data) {
                         // do something;
                         alert("answer");
                         $('#answer').val(data);
                      }
    });
}