访问数组中的项目

时间:2014-02-26 09:42:21

标签: javascript jquery

我有一个$ .ajax请求返回的对象。这是一个例子:

[{"id":"14","branchName":"Catcliffe","address1":"26 Main Street","address2":"","address3":null,"city":"Catcliffe","county":"South Yorkshire","postcode":"S60 5SR","country":"UK"}]

我正在大脑冻结如何访问数组中的项目,例如我如何将变量设置为'branchName'......

这是我用来获取数据的代码:

$("#branchID").change(function(){
    var id = $(this).val();
    $.ajax({
           url: "/admin/getBranchInfo.php?branchID=" + id,
           success: function(branch){
                       $("div#results").html(branch);
                    }
    });
});

6 个答案:

答案 0 :(得分:1)

您需要使用索引[0]获取返回数组中的第一个元素,然后您可以从中获取所需的属性.branchName

$("div#results").html(branch[0].branchName);

Example fiddle

答案 1 :(得分:0)

我只是假设您将该对象保存在名为xObj的变量中。

尝试,

console.log(xObj[0].branchName)

但是你应该在访问值之前解析它,因为你没有提到类型,

var xObj = JSON.parse(branch);
console.log(xObj[0].branchName)

答案 2 :(得分:0)

您必须使用indexer来访问数组元素。当数组包含对象时,您可以使用点.运算符来访问对象属性,如branchName

<强> Live Demo

$("div#results").html(branch[0].branchName);

您的代码将是

$("#branchID").change(function () {
    var id = $(this).val();
    $.ajax({
        url: "/admin/getBranchInfo.php?branchID=" + id,
        success: function (branch) {
            $("div#results").html(branch[0].branchName);
        }
    });
});

答案 3 :(得分:0)

您将从数组中的第一个(也是唯一的)项中获取branchName属性:

$("div#results").html(branch[0].branchName);

答案 4 :(得分:0)

使用对象并使用其属性我们可以访问它[0] .branchname

$("#branchID").change(function()
{
var id = $(this).val();
$.ajax(
{
url: "/admin/getBranchInfo.php?branchID=" + id,
success: function(branch)
{
var branchname= branch[0].branchname;
$("div#results").html(branch);
}
});
});

答案 5 :(得分:0)

要处理多个对象,您可以使用for循环来循环结果,如下所示:

for(var i in branch)
{
   var id = branch[i].id;
   var branchName = branch[i].branchName;
   //....
   //Iterate other objects as well
}