jquery - 如何通过 $.ajax() 获取数据

Question

$.ajax({
    type: "GET",
    url: "wordtyping_sql.php",
    data: "id=" + id + "&formname=" + formname,
    success: function(msg){
        alert( "Data Saved: " + msg);
    }
});

msg其中包含三行wordtyping_sql.php：

echo "one"; 
echo "two"; 
echo "three";

如何单独获取这些数据？

Answer 1

您要做的是让您的 PHP 代码回显一些 JSON 数据。然后，您将能够访问您希望的任何变量。

在wordtyping_sql.php-

$data = array(
  'one' => 1,
  'two' => 2,
  'three' => 3
);
echo json_encode($data);

现在在您的 jQuery 中，您需要指定您的 AJAX 调用期待一个 JSON 作为回报 -

$.ajax({
    type: "GET",
    url: "wordtyping_sql.php",
    data: "id=" + id + "&formname=" + formname,
    dataType : 'json', // <------------------ this line was added
    success: function(response){
        alert( response.one );
        alert( response.two );
        alert( response.three );
    }
});

查看jQuery 的 AJAX 方法的相关文档页面。特别是dataType参数 -

dataType - 您期望从服务器返回的数据类型...

Answer 2

将数据作为 JSON 字符串返回。jQuery 将解析它并将其转换为您可以使用的对象。

$.ajax({
    type: "GET",
    url: "wordtyping_sql.php",
    data: "id=" + id + "&formname=" + formname,
    dataType: "json",
    success: function(msg){
        alert( "Data Saved: " + msg);
    }
});

wordtyping_sql.php

echo '["one","two","three"]'; 

然后在您的成功处理程序中，您可以以 msg[0]、msg[1] 的形式访问数据。等等