从大型JSON中获取要显示的值

Getting values from large JSON to display

本文关键字：显示 获取 大型 JSON      更新时间：2024-02-26

我正试图为每个客户从JSON对象中获取Name。显示可用的姓名列表，以便人员可以选择一个，然后该列表将用姓名、地址、电话等填充表格。

btn.onclick = function() {
    modal.style.display = "block";
    var Sdata = document.getElementById('search').value; 
    $.ajax({
            url: "search1.php",
            search:Sdata
        }).done(function(data) {
            var jObject = JSON.parse(data);
            for (var key in jObject) {
                if (jObject.hasOwnProperty(key)) {
                    document.getElementById("modalContent").innerHTML = (key + "->" + jObject[key]); //insert data into modal
                    for (var key in p) {
                        if (jObject.hasOwnProperty(key)) {
                        }
                    }
                 }
             }
        });
}

HTML是

<form id="searchbox" action="search1.php">                
  <input id="search" name="search" type="text"   
         placeholder="Search by Name">
  <input id="myBtn" type="button" value="Search" >
  <div id="myModal" class="modal">
    <span class="close">&times;</span>
    <h2>Test Drives</h2>
    <div id="modalContent">

    </div> 
  </div>
</form>

我希望你能帮忙

试试这个；）

var jObject = JSON.parse(data);
for (var key in jObject) {
  document.getElementById("modalContent").innerHTML += (key + "->" + jObject[key]); //insert data into modal
}

在这里，您要覆盖innerHTML—不要使用+将内容附加到现有内容；

我最终使用的答案是这样的，尽管itzmukeshy7答案是我开始使用的地方。

$.each(jObject, function(key, value) {
  $('#'+ key).bind('click', {obj:value}, function(event){
       var driver=event.data.obj;
相关文章：