点击即可从json文件中提取json数据

pull json data from a json file on a .click

本文关键字：json 文件 提取 数据      更新时间：2023-09-26

我有一个文本框和一个按钮。在按钮上。点击功能名称出现，但我想要id（用户在文本框中输入相应名称以显示）

这是json:中的一个片段

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

这是按钮/text（我在一个alertdiv中有它，因为我认为它在我的页面中看起来很酷，并且可以使用.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>

这是我用来点击的js

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

结果是进入内部：

<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>');
            }
          }
       });
    });
 });
相关文章：