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

Question

是否可以从。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

Answer 1

是-使用jQuery。请看下面的例子:

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

或这里:getjson jquery解析数组

在后者中，数据在页面上显示如下:

$.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>');
}