AJAX jQuery PHP 返回值

Question

我是 AJAX 的新手，对 PHP 传递回 jQuery 的内容有点困惑。 所以你有一个像这样的 AJAX 函数：

 $.ajax({ url: '/my/site',
     data: {action: 'test'},
     type: 'post',
     success: function(output) {
                  alert(output);
              }
 });

（我是从另一个 StackOverflow 页面的 ajax 中获取的。）

但在其他各种资源上，他们的成功部分将如下所示：

 success: function(data) {functionfoocommandshere}

我只是对这个变量的命名方式感到困惑？如果 PHP 最终回显一个数组：

  echo $myVar;

我怎样才能从 AJAX 获得这个？

Answer 1

Ajax-Requests 获取整个站点。因此，您不会在变量中获得任何数据，而是在数据参数中获得整个站点。您一起制作的所有回声都将在此参数中。如果你想检索一个数组，你应该先把它转换成json。

echo json_encode($myArray);

那么就可以通过这种方式通过Ajax接收了

$.ajax({ url: '/my/site',
 data: {action: 'test'},
 dataType: 'json',
 type: 'post',
 success: function(output) {
              alert(output);
          }
 });

Answer 2

在您的 PHP 文件中，使用 json_encode 将数组转换为更方便的格式，以便在 Javascript 中使用。所以你会有类似的东西：

echo json_encode($myArray);

然后，在您的 JavaScript 中，success 方法的 data 变量将保存 JSON。使用 jQuery 的 parseJSON 将其转换为 JavaScript 对象，这样就很容易操作了。我不知道你的数组包含什么，但你可能会这样做：

$.ajax({ url: '/my/site',
    data: {action: 'test'},
    type: 'post',
    success: function(data) {
        var obj = jQuery.parseJSON(data);
        alert(obj.name[0] === "John");
      }
});

同样，这里的 data 变量将包含您的 PHP 输出的任何内容，但 JSON 是一种将数据传回 JavaScript 的常用且方便的方式。

Answer 3

<script type="text/javascript">
$.ajax({
    url: '/my/site',
    data: {action: 'test'},
    type: 'post',
    success: function(output) {
        alert(output);
    }
 });
</script>

<?php
$action = $_POST['action'];
echo $action;?>

任何打印/回显的输出都将返回到成功函数。当您想用需要实时运行的内容填充 html 容器时，这很方便。

一旦你掌握了这个窍门，另一个选择是使用 JSON 来返回带有值的变量。

Answer 4

从 PHP AJAX 函数返回的数据可以从 success 块中检索。这是manual

 $.ajax({ url: '/my/site',
 data: {action: 'test'},
 type: 'post',
 dataType: 'json',
 success: function(output) {
     //output is the data returned from PHP AJAX function in JSON format
     alert(output); 
   }
 });