39

所以这是我的问题,我正在使用 AJAX (jQuery) 将表单发布到,process.php但页面实际上需要回显一个响应,例如appleor 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>

我还需要process.php在 json 中回显响应吗?还是纯文本可以吗?

抱歉,如果这听起来像一个愚蠢的问题,这是我第一次在 Ajax 中做类似的事情。

PS:上面代码中的POST请求如何命名?

4

5 回答 5

49

<?php echo 'apple'; ?>几乎是你在服务器上所需要的。

至于 JS 端,服务器端脚本的输出作为参数传递给成功处理函数,所以你有

success: function(data) {
   alert(data); // apple
}
于 2013-02-17T06:07:52.113 回答
34

好的做法是这样使用:

$.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));
    }
?>
于 2013-08-14T22:09:04.593 回答
16
<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>
于 2013-02-17T06:08:50.287 回答
12

在您的 PHP 文件中,当您回显数据时使用 json_encode ( http://php.net/manual/en/function.json-encode.php )

例如

<?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...
                }
            });
于 2013-02-17T06:10:41.930 回答
1
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)
        }
   });
于 2016-02-27T06:32:40.637 回答