阿贾克斯 - 如何使用返回数组中一个成功的功能 [英] Ajax - How to use a returned array in a success function

问题描述

您好我有一个PHP code，它返回一个数组。我希望能够利用这个数组在我的ajax成功函数，但我不知道如何去这样做。我曾尝试以下，但没有运气。

PHP code：

  $ ARR =阵列（）;
$ ARR [0] =马克·里德
$常用3 [1] =34;
$ ARR [2] =澳大利亚;

出口（$ ARR）;
 

JS code：

  $。阿贾克斯（{
    键入：POST，
    网址：/returndetails.php
    数据：'ID ='+用户ID，
    成功：功能（数据）{
        。的document.getElementById（姓名）的innerHTML =数据[0];
        。的document.getElementById（时代）的innerHTML =数据[1];
        。的document.getElementById（位置）的innerHTML =数据[2];
    }
}）;
 

解决方案

您应该从服务器返回的数据作为JSON。

PHP

  $ ARR =阵列（）;
$常用3 [0] =马克·里德;
$常用3 [1] =34;
$ ARR [2] =澳大利亚;

回声json_en code（$ ARR）;
出口（）;
 

JS

  $。阿贾克斯（{
    键入：POST，
    网址：/returndetails.php
    数据：'ID ='+用户ID，
    数据类型：JSON，//设置数据类型，这样的jQuery可以解析为你
    成功：功能（数据）{
        。的document.getElementById（姓名）的innerHTML =数据[0];
        。的document.getElementById（时代）的innerHTML =数据[1];
        。的document.getElementById（位置）的innerHTML =数据[2];
    }
}）;
 

Hi I have a php code that returns an array. I want to be able to use this array in my ajax success function but I'm not sure how to go about doing this. I have tried the following, but no luck.

php code:

$arr = array();
$arr[0] = "Mark Reed"
$arr[1] = "34";
$arr[2] = "Australia";

exit($arr);

js code:

$.ajax({
    type: "POST",
    url: "/returndetails.php",
    data: 'id=' + userid,
    success: function (data) {
        document.getElementById("name").innerHTML = data[0];
        document.getElementById("age").innerHTML = data[1];
        document.getElementById("location").innerHTML = data[2];
    }
});

解决方案

You should return the data as JSON from the server.

PHP

$arr = array();
$arr[0] = "Mark Reed";
$arr[1] = "34";
$arr[2] = "Australia";

echo json_encode($arr);
exit();

JS

$.ajax({
    type: "POST",
    url: "/returndetails.php",
    data: 'id=' + userid,
    dataType: "json", // Set the data type so jQuery can parse it for you
    success: function (data) {
        document.getElementById("name").innerHTML = data[0];
        document.getElementById("age").innerHTML = data[1];
        document.getElementById("location").innerHTML = data[2];
    }
});

这篇关于阿贾克斯 - 如何使用返回数组中一个成功的功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！