如果输入字段请求某些数据，则将 JSON 文件中的数据呈现为 HTML答案

【问题标题】：Render data from JSON file as HTML if input field requests certain data如果输入字段请求某些数据，则将 JSON 文件中的数据呈现为 HTML
【发布时间】：2011-10-15 23:47:21
【问题描述】：

是否可以从 .json 文件中获取数据并使用 HTML/JavaScript 呈现它，例如，如果一个人在输入字段中键入“example1”并能够将与“example1”相关的数据呈现到该页面上？

我很确定这可以实现，因为如果输入字段从 XML 文件请求数据并使用 JavaScript 将数据呈现到该页面上，我已经看到了同样的情况。

这是我在 JavaScript 文件中的数据，但如果需要，肯定会放入 .json 文件中。

 var JSONObject = {

"id":"1",
"user" :"admin",
"pass":"admin",
"api":"000014556452446455455685454645"};

document.getElementById("jid").innerHTML=JSONObject.id
document.getElementById("juser").innerHTML=JSONObject.user
document.getElementById("jpass").innerHTML=JSONObject.pass
document.getElementById("japi").innerHTML=JSONObject.api
document.getElementById("jtest").innerHTML=JSONObject.test

【问题讨论】：

请求数据是什么意思？您是指对返回 json 格式数据的文件的远程请求吗？你能说得更具体点吗？
我的意思是一个json文件，可以将数据返回给html文件。例如，我在 html 页面的文本框中输入示例。我认为 javascript 然后可以接受输入请求并从 json 文件返回数据。当有人从文本输入字段请求时，我需要的只是一种从 json 文件返回数据的方法。有点像搜索框，而是从 json 文件中返回一项。

标签： javascript html json

【解决方案1】：

是的 - 使用 jQuery。看看这里给出的例子：

http://api.jquery.com/jQuery.getJSON/

或在这里：getjson jquery parsing an array

在后者中，数据显示在页面上：

$.getJSON(url,
    function(data){
      $.each(data.items, function(i,item){
      $('#testfield').html('<p>' + item.d.title + '</p>');
      });
    });

我假设用户输入应该只显示部分数据。然后，您可以发送一些查找数据并具有仅返回相关功能的功能，或者您可以遍历数据并显示相关......就像（在循环中）：

if(item.d.title=myVar){      
  $('#testfield').html('<p>' + item.d.title + '</p>');
}

【讨论】：