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

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

我很确定这是可以实现的，因为如果输入字段从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

---

是-使用jQuery。请看下面给出的示例：

或在此：

在后一种情况下，第页显示的数据如下：

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

$.getJSON（url，
功能（数据）{
$.each（data.items，function（i，item）{
$（'#testfield'）.html（''+item.d.title+'
'）；
});
});

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

if（item.d.title=myVar）{
$（'#testfield'）.html（''+item.d.title+'
'）；
}

是-使用jQuery。请看下面给出的示例：

或在此：

在后一种情况下，第页显示的数据如下：

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

$.getJSON（url，
功能（数据）{
$.each（data.items，function（i，item）{
$（'#testfield'）.html（''+item.d.title+'
'）；
});
});

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

if（item.d.title=myVar）{
$（'#testfield'）.html（''+item.d.title+'
'）；
}

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