Javascript 从上的json文件中提取json数据。单击

我有一个文本框和一个按钮。按按钮。单击函数名称，但我需要id（用户在文本框中输入相应名称）

这是json的一个片段：

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

这是按钮/文本（我将其放在alert div中，因为我认为它在我的页面中看起来很酷，并且可以与.click一起使用）

登录

这是我用于的js。单击

<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>

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

$（文档）.ready（函数（）{
$（“#登录”）。单击（函数（事件）{
$.getJSON（'result.json'，函数（jd）{
$（“#详细信息”）.html（“名称：”+jd.Name+”
”）；
});
});           
});

结果是：

<div id = "details">

</div>

试试这个：

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

$（文档）.ready（函数（）{
$（“#登录”）。单击（函数（事件）{
$.getJSON（'result.json'，函数（jd）{
var id=$（'#userName'）.val（）；
对于（var i=0；i您是否返回多个用户？如果不是，为什么不返回用户对象而返回数组？
console.log（jd）
。您没有
jd.name
，您有
jd[0]。name
。一个包含对象数组的对象…试试这个@Mac
$.grep（[{“ID”：“001”，“name”：“Zara Ali”}），函数（n，i）{return n.ID==='001'；}）；
@Mac试试这个Hi-jcubic-非常感谢你的回答，但这对我不起作用-我的json中可能有什么需要更改的吗？@LMac忘记
val（）
现在试试。@LMac如果它解决了你的问题，请不要忘记标记答案。