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

时间:2013-01-16 14:07:41

标签: jquery ajax

$.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";

如何单独获取此数据?

2 个答案:

答案 0 :(得分:5)

您要做的是让您的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 );
    }
});

查看relevant documentation pages for jQuery's AJAX method。特别是dataType参数 -

  

dataType - 您期望从中获取的数据类型   服务器...

答案 1 :(得分:0)

将数据作为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"]'; 

然后在您的successhandler内部,您可以以msg [0],msg [1]的形式访问数据。等