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

【问题标题】：how to implement search inside json data with javascript ajax jquery如何使用 javascript ajax jquery 在 json 数据中实现搜索
【发布时间】：2014-04-15 19:27:25
【问题描述】：

我有一个搜索框，在那个搜索 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);

});

【问题讨论】：

什么是#list???请改进您的问题，发布更多相关代码。一个jsfiddle怎么样？顺便说一句，你应该使用$.each() 而不是$.fn.each()
responseObj.merchants 是什么类型？它是一个 json 对象数组吗？
和@homungus ..是的，它是包含商家名称的json对象数组，截至现在点击搜索后按钮我 gettint 输出为 .xyz.com 和 xyz.co.in 但我希望这个输出应该只出现在那个搜索过滤器框中。

标签： javascript jquery html ajax json

【解决方案1】：

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

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

【讨论】：

我已经以列表形式获得输出，但我希望仅将相同的内容附加在该搜索框中..我怎么能..？希望你理解..
您想将商家名称列表附加到输入字段中吗？输入字段的文本应该是列表？你什么意思？

【解决方案2】：

这应该可行，否则将使用其他方法进行循环

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

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

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

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

【讨论】：