Question

ANSWERED

感谢所有回复此帖子的人。感谢Kevin（循环的最佳解决方案），感谢Deepak的排序功能。

我将尝试在网站上找到这些数据的分页解决方案，但我们将不胜感激。

再次感谢所有人！

原始问题

我希望你能帮助我。我有一个JSON提要（我已经验证并且在http://jsonlint.com/上完美运行）。我已经设置了页面，我可以解析一个结果没问题。事情是在feed中有很多结果，我需要jQuery来返回所有结果。我在这里展示的示例有11个结果，但其他一些页面最多有300个结果。所以这是一个两部分问题。

我的脚本知识能够改变给定的代码，但是自己编写代码是不可能的（我现在正在教自己）

如何归还所有结果？
如何对结果进行分页，比如说每页15个？

我正在使用JAMES PADOLSEY的Cross Domain Ajax插件来提取数据 - 这是否是正确的术语？

我使用的jQuery代码是：

jQuery.noConflict()(function($) {
$(document).ready(function($) {
    $.ajax({
        type: 'GET',
        url: "http://dealer.mustek.co.za/public-content-api.html?content=dealers&province=limpopo",
        success: function(response) {
            var headline = $(response.responseText).text()
            var json_obj = $.parseJSON(headline); //parse JSON
            console.log(json_obj);
            var output = '';
            for (var i = 0; i < json_obj.user_id; i++)
            output += "<div class='dealer'>";
            output += "<dl>";
            output += "<dt>Company Name</dt>"
            output += "<dd>" + json_obj[i].company_name + "</dd>"
            output += "<dt>Company Description</dt>"
            output += "<dd>" + json_obj[i].company_description + "</dd>";
            output += "<dt>Email Address</dt>"
            output += "<dd>" + json_obj[i].company_email + "</dd>";
            output += "<dt>Contact Number</dt>"
            output += "<dd>" + json_obj[i].contact_number + "</dd>";
            output += "<dt>Website URL</dt>"
            output += "<dd>" + json_obj[i].website_url + "</dd>";
            output += "<dt>City</dt>"
            output += "<dd>" + json_obj[i].city_suburb + "</dd>";
            output += "<dt>Physical Address</dt>"
            output += "<dd>" + json_obj[i].physical_address + "</dd>";
            output += "</dl>"
            output += "<p>"
            output += "</div>";
            $('#dealer_limpopo').html(output);
        },
    });
});
});

我将div拉入测试html页面http://thegearbox.co/thisisatest/。

正如您所看到的那样，Feed没有任何问题，一切都运行良好，只需要麻烦的线路来遍历所有数据。目前

for (var i = 0; i < json_obj.user_id; i++)

没有完成这项工作。

任何帮助都将非常感激！

PS。有没有办法按字母顺序对数据进行排序，还是我只是在厚颜无耻地要求这么多？ :)

更新

非常感谢迄今为止评论过的所有人。我使用@ Kevin的解决方案使用

for (var i = 0; i < json_obj.length; i++)

我正在使用@ Deepak的解决方案对数据进行排序：

                json_obj.sort(function compare(a,b) {
            if (a.company_name < b.company_name)
            return -1;
            if (a.company_name > b.company_name)
            return 1;
            return 0;
            });

任何人都可以帮助分页吗？

Answer 1

for loop应该为[] json_obj中的每个项目迭代一次。在Javascript中，数组包含继承属性长度。 length属性的值指示数组中包含的元素数量。将其添加到for loop会告诉它在数组中每个元素迭代一次。

将循环更改为：

for (var i = 0; i < json_obj.length; i++){
   //code omitted
}

Answer 2

你应该使用jquery的for-each循环。

如果你的json响应对象是一个数组。

$.each( json_obj, function(index, value) {
    // process the value 
    // append value.company_name, value.company_email etc. to output.
});

并且，对公司名称的数据进行排序。

json_obj.sort(function compare(a,b) {
     if (a.company_name < b.company_name)
         return -1;
     if (a.company_name > b.company_name)
        return 1;

        return 0;
});

Answer 3

因为在你的情况下，json_obj似乎是一个列表，所以，

json_obj.user_id未定义。如果您有单个列表，请尝试此操作。

for (var i = 0; i < json_obj[0].user_id; i++)

或者使用

$.each(json_obj,function(data,index){
//your html code here
})

希望它有所帮助...

Answer 4

以下是对数据进行排序的方法：

json_obj.sort(function (a, b) {
    if (a.company_name > b.company_name) { return 1; }
    if (a.company_name < b.company_name) { return -1; }
    return 0;
});

然后，您可以将for循环替换为jQuery.map()以获取输出：

var output = jQuery.map(json_obj, function (row) {
    // build your HTML here
    return '<div>' + row.company_name + '</div>';
});

最后：

$('#dealer_limpopo').html(output.join('')); // don't forget to join :)

Answer 5

$.ajax({
    type: "GET", timeout: 60000, cache: false, dataType: "jsonp", url: strURL + "&callback=?",
    success: function (response) {
        objAttributes = response.Attributes;

        var List = "";
        if (objAttributes != null) {
            var iLoop = 0;
            var xLoop = 0;

            for (iLoop = 0; iLoop < objAttributes.Product.length; iLoop++) {             
                if (List.length > 0) List = List + ":";
                List = List + objAttributes.Product[iLoop].ID;
                List = List + "_" + objAttributes.Product[iLoop].ITEM;               
            }
        }


    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {

    }
});

此代码可能会对您有所帮助。

Answer 6

你的“json_obj”是一个数组。

变化

for (var i = 0; i < json_obj.user_id; i++)

到

for (var i = 0; i < json_obj.length; i++) {

Answer 7

“一体化”答案：

var headline = $(response.responseText).text()
var json_obj = $.parseJSON(headline); //parse JSON
json_obj.sort(function (a, b) {
    if (a.company_name > b.company_name) { return 1; }
    if (a.company_name < b.company_name) { return -1; }
    return 0;
});
return jQuery.map(json_obj, function (row) {
    return [
        '<div class="dealer">',
            '<dl>',
                '<dt>Company Name</dt>',
                '<dd>', row.company_name, '</dd>',
                '<dt>Company Description</dt>',
                '<dd>', row.company_description, '</dd>',
                '<dt>Email Address</dt>',
                '<dd>', row.company_email, '</dd>',
                '<dt>Contact Number</dt>',
                '<dd>', row.contact_number, '</dd>',
                '<dt>Website URL</dt>',
                '<dd>', row.website_url, '</dd>',
                '<dt>City</dt>',
                '<dd>', row.city_suburb, '</dd>',
                '<dt>Physical Address</dt>',
                '<dd>', row.physical_address, '</dd>',
            '</dl>',
        '</div>'
    ];
}).join('');

使用ajax和jQuery循环JSON提要

7 个答案: