使用JSON和JQUERY返回数据

当用户与搜索字段交互时，我试图将JSON文件中的数据拉到HTML页面上

以下是指向我的JSON文件的链接：

$.getJSONhttps://api.myjson.com/bins/m0a3m，函数数据{ var项目=[]； var dataArr={}； $。每个数据、功能键、val、{ items.push+val.name++val.address.name+'、“+val.address.line1+”、“+val.address.town+”、“+val.address.country+”、“+val.address.postcode+”； }; $.details.html+项目+； }; 目前，所有这些只是显示几行数据。可能需要一些真正的帮助将其链接到搜索栏

任何关于我应该读什么的建议或提示都会很好

---

谢谢

您应该加入数组元素

$( ".details").html("<ul>" + items.join("") + "</ul>");

由于items是一个数组，$.html需要一个字符串，因此需要修改items数组以输出字符串

$(".details").html("<ul>" + items.join('') + "</ul>");

join方法通过连接创建并返回一个新字符串 数组或类似数组的对象中的所有元素，分开 使用逗号或指定的分隔符字符串

---

因此，您希望根据用户在搜索字段上写的内容过滤结果？$。详细信息的目标是class=details，我在您的HTML中没有看到这一点。你能提供一个更完整的例子吗？您可以随意使用它作为基础。您的逻辑可以使用数组上的联接，而不是依赖对字符串的强制连接，但您的代码工作正常：。

$(".details").html("<ul>" + items.join('') + "</ul>");