Javascript jquery将结果自动完成为html/div

我需要将结果从数据库输出到jqueryautocomplete，当用户键入搜索时，jqueryautocomplete会将结果动态地放入html中

1） 输入和div元素的html标记
2） javascript/jquery
a） 调用json url以获取数据
b） jquery/javascript填充HTMLdiv标签列表（并在搜索扩展时删除元素）

搜寻名称：希顿

我搜索过类似的问题，但找不到完整的解决方案。这类似于谷歌搜索结果

HTML输出将是div标记，在同一页面的结果中显示商品名和位置

var myJSONObject={“searchResults”：[
{“id”：“10”，“许可证”：“MB863880”，“商号”：“希尔顿花园酒店”，“地点”：“4449 RIDGEMONT DR ABILENE，TX，79606”}，
{“id”：“213”，“许可证”：“MB850728”，“商号”：“希尔顿花园酒店-爱迪生”，“地点”：“德克萨斯州爱迪生市带线路4090号，75001”}，
{“id”：“273”，“许可证”：“766705令吉”，“商号”：“希尔顿花园酒店-艾伦”，“地点”：“德克萨斯州艾伦市中心705号，邮编75013”}
]
}

我不想为您编写代码，但我可以带您完成这一过程

由于您将服务响应作为JSON对象，现在需要执行以下步骤：

在javascript中，在json响应上迭代数组

动态创建html元素div并将JSON字段数据导入其中

将其附加到已定义的div（搜索结果容器）中

---

如果您需要知道如何迭代JSON对象，请告诉我，您可以使用Jquery.each（）方法在JSON对象上循环

var myJSONObject = {"searchResults": [
        {"id": "10", "permit": "MB863880", "trade_name": "HILTON GARDEN INN", "location":"4449 RIDGEMONT DR ABILENE, TX, 79606"},
        {"id": "213", "permit": "MB850728", "trade_name": "HILTON GARDEN INN - ADDISON", "location":"4090 BELT LINE RD ADDISON, TX, 75001"},
        {"id": "273", "permit": "RM766705", "trade_name": "HILTON GARDEN INN-ALLEN", "location":"705 CENTRAL EXPY S ALLEN, TX, 75013"}
    ]
};

$.each(myJSONObject.searchResults, function(i, item) {
    $('body').append('<div>'+item.trade_name+'</div>')
})

var myJSONObject={“searchResults”：[
{“id”：“10”，“许可证”：“MB863880”，“商号”：“希尔顿花园酒店”，“地点”：“4449 RIDGEMONT DR ABILENE，TX，79606”}，
{“id”：“213”，“许可证”：“MB850728”，“商号”：“希尔顿花园酒店-爱迪生”，“地点”：“德克萨斯州爱迪生市带线路4090号，75001”}，
{“id”：“273”，“许可证”：“766705令吉”，“商号”：“希尔顿花园酒店-艾伦”，“地点”：“德克萨斯州艾伦市中心705号，邮编75013”}
]
};
$.each（myJSONObject.searchResults，函数（i，项）{
$（'body'）。追加（''+项.商品名称+''）
})

---

底部的函数将附加一个div，每个商品的商品名都有一个div，你可以推断出它来打印其他东西

查看本教程：谢谢，但我想做的是将结果显示在页面上的div元素中，而不是显示在输入搜索框中。我在示例中没有看到。我同意，我需要输入代码。我会回来的这是一个解决方案，看看是否有人有办法让它变得更好安全！继续！