使用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) 
     } 
    });