在javascript中访问Ajax Response JSON数据

时间:2017-10-31 07:52:02

标签: javascript jquery ajax

当用户从下拉菜单中选择一个选项时,我使用AJAX请求从后端获取数据。

    $('#adSpace').change(function () {
        var sel_opt = $(this).val();

        alert(sel_opt);

        var location = null;
        var width = null;
        var height = null;

        $.ajax({
            type: "GET",
            dataType: 'json',
            url: "advertisements-controller.php",
            data: {
                action: "getDimension",
                location: sel_opt
            },
            success: function (response) {

                location = response.banner_location;
                alert(location);


            },
            error: function (xhr) {
                alert("error");
            }
        });

       });

现在我从JSON格式的后端获取数据,如下所示:

[{"banner_location":"category_group_sidebar","banner_width":250,"banner_height":225}]

我希望通过将这些值分配给javascript变量来访问banner_locationbanner_widthbanner_height的值,但我没有这样做。 有什么想法吗?

3 个答案:

答案 0 :(得分:1)

使用此

location = response[0].banner_location;

答案 1 :(得分:1)

您的回复是以数组的形式出现的:[...]。这意味着您可以使用索引访问第一个数组项。此外,如果有多个对象,您可以使用response或jQuery' forEacheach)来迭代$(response).each

response[0].banner_location

答案 2 :(得分:0)

response是一个json数组。为了访问json,你需要首先访问由array[indexNumber]完成的数组索引,然后是json的密钥。 在您的情况下,它将是response[0].banner_location