javascript - 使用jquery获取json数据

Question

我想使用 .getJSON 从服务器获取数据。数据可以获取，但是无法在页面中显示。

js代码:

$(function(){ 
    alert(1);
      $("#jsondata").bind("click",function()
      { 
          var data = "action=getdata";
          alert(2);
          $.getJSON("Guess.php",data, function(json)
          {  
              alert(3);
              var str = '<table><tr><td>Name</td><td>1#Sex</td><td>2#Tel</td></tr>';
              $.each(json,function(i,v){
                  str += '<tr><td>'+v.name+'</td><td>'+v.sex+'</td><td>'+v.tel+'</td></tr>';
              });
              str += '</table>';
              $("#datashow").append(str);
         });  
      }); 
  });

html代码:

    <button id="jsondata" name="jsondata" accesskey="g">GetData</button>
<div id="datashow"></div>

我从服务器获取的数据显示在Fire Bug中:{"姓名":"汤姆","性别":"男","电话":"456","电子邮件":"sdfd@15.com"}

Answer 1

success 函数的 json 参数应该已经解析为 JSON，因此使用正常循环进行循环:

$(function(){ 
    alert(1);
      $("#jsondata").bind("click",function()
      { 
          var data = "action=getdata";
          alert(2);
          $.getJSON("Guess.php",data, function(json)
          {  
              alert(3);
              var str = '<table><tr><td>Name</td><td>1#Sex</td><td>2#Tel</td></tr>';
              for(var i in json) {
                  str += '<tr><td>' + i.name + '</td><td>' + i.sex + '</td><td>' + i.tel + '</td></tr>';
              }
              str += '</table>';
              $("#datashow").append(str);
         });  
      }); 
  });