jquery - 使用 jQuery 将项目添加到空列表

Question

我有一个从数据库中获取项目的函数，我可以使用浏览器中的开发人员工具查看以 JSON 格式返回的项目。但是，没有任何内容被添加到列表中。

所以我有一个 HTML 列表:

<ul id="userCertifications"></ul>

从MySQL数据库获取项目的函数:

function GetCertifications() {
       $("#userCertifications").empty();
       var userId = $('#userId').val();
       console.log("Current user Id to get certs " + userId);
       $.getJSON('json_data.php', { method: 'getCertifications', userId: userId }, function(data) {
          console.log("User's Certifications >>> " + data);
          $.each(data, function(key, value) {
             console.log("User's Certifications >>> " + value);
             $("#userCertifications").append('<li>' + "Hello World" + '</li>');
          });
       });
    }

我正在从数据库中获取 JSON 数据，但是我从未到达 console.log("User's Certifications >>> "+ value); 行，所以 $.getJSON 函数。如何从 $.getJSON 函数获取列表以添加项目？

http://screencast.com/t/tbzzKdFM

响应看起来像这样:

[{"rec_id":"81","user_id":"jkittell","certName":"Microsoft SQL - MCITP  ","certExp":null,"lastRecupdate":null},{"rec_id":"80","user_id":"jkittell","certName":"Java SE Programmer 7  ","certExp":null,"lastRecupdate":null},{"rec_id":"79","user_id":"jkittell","certName":"CCIE Service Provider","certExp":null,"lastRecupdate":null},{"rec_id":"78","user_id":"jkittell","certName":"CCNA Voice","certExp":null,"lastRecupdate":null},{"rec_id":"77","user_id":"jkittell","certName":"CCNP Cloud","certExp":null,"lastRecupdate":null},{"rec_id":"76","user_id":"jkittell","certName":"CCNP Collaboration","certExp":null,"lastRecupdate":null},{"rec_id":"75","user_id":"jkittell","certName":"CCNA Service Provider ","certExp":null,"lastRecupdate":null},{"rec_id":"73","user_id":"jkittell","certName":"CCENT","certExp":null,"lastRecupdate":null},{"rec_id":"74","user_id":"jkittell","certName":"CCNA Cloud","certExp":null,"lastRecupdate":null}]

Answer 1

为了工作你必须删除

echo "<pre>";
var_dump($query);
echo "</pre>";

这会阻止您的响应以有效的 JSON 格式开头。因为这个变量转储之后是一个格式良好的 JSON。