Question

我有一个搜索框，搜索json数据应该附加。

这是我的HTML代码

 <input type="search" id="merchantName" name="merchant" placeholder="enter merchant name"></input>

我有包含商家名称的json数据。我想以列表形式将此商家名称附加到此搜索框中。我可以这样做吗？这是我的js函数，但此处数据未附加在搜索框中。

$(responseObj.merchants).each(function() {

    var output = "<ul><li>" + this.merchantName + " " +"</li></ul>";
    $('#list').append(output);

});

Answer 1

试试这个，如果responseObj.merchants是一个数组：

for (var i = 0; i < responseObj.merchants.length; i++) {
    var output = "<li>" + responseObj.merchants[i].merchantName + " " +"</li>";
    $('#list').append(output);
}

Answer 2

这应该可行或其他方法将用于循环

$.each( responseObj.merchants function(index, value){
    var output = "<ul><li>" + value + " " +"</li></ul>";
    $('#list').append(output);
})

说明：对于每个商家值，我们迭代其值并将其附加到输出列表。

但是，必须始终阅读API文档。该页面包含您需要的示例和说明。

http://api.jquery.com/jquery.getjson/

如何使用javascript ajax jquery在json数据中实现搜索

2 个答案: