Jquery 如何使用这些json数据生成自动建议

我试图从第三方API链接加载JSON数据，在这里我可以将关键字作为城市名称传递。 like Keywords=newyork，根据该关键字，它为我提供了一个城市或地区数据列表，如下所示：

{
"account":null,
"accountId":0,
"accountType":0,
"accountProfile":0,
"unreadMessages":0,
"database":"dbname",
"entity":"geo",
"method":"wSearchCity",
"result":1,
"message":null,
"data":[
  {
    "id": "145086",
    "name": "New York City, NY"
  },
  {
    "id": "99600",
    "name": "Newport News, VA"
  },
  {
    "id": "139934",
    "name": "Newark, NJ"
  },
  {
    "id": "39964",
    "name": "New Orleans, LA"
  },
  {
    "id": "108279",
    "name": "New Haven, CT"
  },
  {
    "id": "13073",
    "name": "Newark, DE"
  },
  {
    "id": "139922",
    "name": "New Brunswick, NJ"
  },
  {
    "id": "119774",
    "name": "New Bedford, MA"
  },
  {
    "id": "63726",
    "name": "New Bern, NC"
  },
  {
    "id": "108261",
    "name": "New Britain, CT"
  }
]
}

现在我想要做的是一个输入字段，它将根据输入城市名称的JSON数据为我提供运行时名称

我尝试了很多在google和stackoverflow上可用的方法，但没有任何帮助。 请给我一些想法。

var json={“account”：null，“accountId”：0，“accountType”：0，“accountProfile”：0，“unreadMessages”：0，“database”：“dbname”，“entity”：“geo”，“method”：“wSearchCity”，“result”：1，“message”：null，“data”：[{“id”：“145086”，“name”：“newyork City，NY”}，{“id”：“99600”，“name”：“Newport News，VA”}，{“id”：“139934”，“name”：“Newark，NJ”}，{“id”：“39964”，“name”：新奥尔良，洛杉矶，{“id”：“108279”，“姓名”：“新泽西州纽黑文”}，{“id”：“13073”，“姓名”：“新泽西州纽瓦克”}，{“id”：“139922”，“姓名”：“新泽西州新不伦瑞克”}，{“id”：“119774”，“姓名”：“马萨诸塞州新贝德福德”}，{“id”：“63726”，“姓名”：“新泽西州新伯尔尼”}，{“id”：“108261；
$（“input[type='text']）。在（“keyup”，function（）上）{
var Val=$（this.Val（）；
$（“span”）.empty（）；
$（json.data）。每个（函数（键、值）{
if（（value.name）.search（Val）！=-1）
$（“span”）.append（value.name+“|”+value.id）；
});
})；

非常感谢您提供的解决方案。但如果我键入“N”，它会给我值并自动建议我，但如果我键入“New”，则自动建议将变为空。不客气。但我测试了它，并正确地像图片一样工作。对我来说，它与您发送的屏幕截图不一样。不确定原因。我的本地主机与代码片段相同。请e检入其他浏览器稍等片刻以测试其他方法