javascript - 从 .click 上的 json 文件中提取 json 数据

Question

我有一个文本框和一个按钮。在按钮上。单击函数名称出现，但我想要 id(用户在文本框中输入以显示相应名称)

这是 json 的一个片段:

{"user":[{"ID" : "001","name": "Zara Ali"}]}

这是按钮/文本(我在警报 div 内有它，因为我认为它在我的页面中看起来很酷并且可以与 .click 一起使用)

<div class="alert alert-info"> 
  <input type="text" id="userName" value> 
  <button type="button" id="loginbtn" class="btn btn-primary btn-md">Login</button>
</div>

这是我用于 .click 的 js

$(document).ready(function() {
  $("#loginbtn").click(function(event){
    $.getJSON('result.json', function(jd) {
      $('#details').html('<p> Name: ' + jd.name + '</p>');
    });
  });           
});

结果在里面:

<div id = "details">

</div>

Answer 1

试试这个:

 $(document).ready(function() {
    $("#loginbtn").click(function(event){
       $.getJSON('result.json', function(jd) {
          var id = $('#userName').val();
          for (var i=0; i<jd.user.length; i++) {
            if (jd.user[i].ID == id) {
              $('#details').html('<p> Name: ' + jd.user[i].name + '</p>');
            }
          }
       });
    });
 });