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请勿使用+将内容附加到现有内容;

Answer 2

我最终使用的答案是这个，虽然itzmukeshy7答案是我开始的地方。

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

从大型JSON获取值以显示

2 个答案: