使用 jQuery 将项目添加到空列表答案

【问题标题】：Add items to empty list using jQuery使用 jQuery 将项目添加到空列表
【发布时间】：2015-08-29 15:38:02
【问题描述】：

我有一个从数据库中获取项目的功能，我可以使用浏览器中的开发人员工具查看以 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}]

【问题讨论】：

显示data 响应格式。看起来怎么样？
确保您附加到函数的对象不包含任何错误并仔细检查 url :)
@Isuckatprogramming 我放了一个指向 JSON 响应屏幕截图的链接，您是在问格式化的 JSON 响应是什么样的？
当然，它不会做任何事情，因为响应不是有效的 JSON 格式。

标签： jquery mysql json

【解决方案1】：

为了工作，你必须删除

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

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

【讨论】：

是的，做到了，我试图调试查询并查看它，看起来这干扰了 JSON 响应。你把它钉在了头上。谢谢
很高兴我能帮上忙。如果它是正确的答案，那么我会要求你接受它。

【解决方案2】：

在你写的时候

<pre>.../</pre>

在你的 json 文件中它不返回 json 数组甚至 json 对象！它返回的是除 json 类型之外的任何东西！所以删除前置标签然后运行你的代码，它应该可以正常工作。

【讨论】：