使用AJAX獲取PHP文件的響應

Question

所以，這裏是我的問題，我使用AJAX（jQuery）將表單發佈到process.php，但該頁面實際上需要回顯響應，如apple或plum。我不知道如何從process.php採取的應對和有它保存爲一個變量...

下面的代碼我到目前爲止：

<script type="text/javascript"> 
     function returnwasset(){ 
      alert('return sent'); 
      $.ajax({ 
       type: "POST", 
       url: "process.php", 
       data: somedata; 
       success function(){ 
        //echo what the server sent back... 
       } 
      }); 
     } 
    </script> 

也將我需要呼應響應json中的process.php？或將純文本罰款？

對不起，如果這聽起來像一個愚蠢的問題，這是我第一次在Ajax中做這樣的事情。

PS：如何在上面的代碼中命名POST請求？

Answer 1

<?php echo 'apple'; ?>幾乎所有你需要在服務器上。

作爲JS端，服務器端腳本的輸出作爲參數傳遞給成功處理函數傳遞，所以你必須

success: function(data) { 
    alert(data); // apple 
} 

Answer 2

<script type="text/javascript"> 
     function returnwasset(){ 
      alert('return sent'); 
      $.ajax({ 
       type: "POST", 
       url: "process.php", 
       data: somedata; 
       dataType:'text'; //or HTML, JSON, etc. 
       success: function(response){ 
        alert(response); 
        //echo what the server sent back... 
       } 
      }); 
     } 
    </script> 

Answer 3

在你的PHP文件

時，你迴應你的數據使用json_encode（http://php.net/manual/en/function.json-encode.php）

eg

<?php 
//plum or data... 
$output = array("data","plum"); 

echo json_encode($output); 

?> 

在JavaScript代碼，當您的AJAX完成JSON編碼響應數據

可以變成一個JS陣列是這樣的：

$.ajax({ 
       type: "POST", 
       url: "process.php", 
       data: somedata; 
       success function(json_data){ 
        var data_array = $.parseJSON(json_data); 

        //access your data like this: 
        var plum_or_whatever = data_array['output'];. 
        //continue from here... 
       } 
      }); 

Answer 4

好的做法是使用這樣的：

$.ajax({ 
    type: "POST", 
    url: "/ajax/request.html", 
    data: {action: 'test'}, 
    dataType:'JSON', 
    success: function(response){ 
     console.log(response.blablabla); 
     // put on console what server sent back... 
    } 
}); 

和PHP的一部分是：

<?php 
    if(isset($_POST['action']) && !empty($_POST['action'])) { 
     echo json_encode(array("blablabla"=>$variable)); 
    } 
?> 

Answer 5

var data="your data";//ex data="id="+id; 
     $.ajax({ 
     method : "POST", 
     url : "file name", //url: "demo.php" 
     data : "data", 
     success : function(result){ 
       //set result to div or target 
       //ex $("#divid).html(result) 
     } 
    });