javascript - 从大型 JSON 中获取值以进行显示

Question

我试图从每个客户的 JSON 对象中获取名称。显示可用名称列表，以便人们可以选择一个，然后用名称、地址、电话等填充表单。

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> 

希望能帮到你。 :)

Answer 1

试试这个;)

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

此处您要覆盖 innerHTML，不要这样做，只需使用 + 将内容附加到现有内容；