如何为博客呈现和显示 JSON 响应？

Question

我对 jquery 和 HTML 很陌生。我正在从事一项任务，我必须创建一个简单的博客，在其中发布问题并且用户可以对其发表评论。 我已经设法创建了一个数据库，现在可以成功地在表格中获取和显示数据（问题）。 但是，在将其显示为表格时，我无法以离散的方式处理每个问题，因此无法决定用户如何选择问题并对其进行评论。 这是我的问题（帖子）JSON： [ { “postID”：60， "postTitle": "你好世界！！", “发布日期”：1442552136000， “所有者ID”：7， “投票后”：0 }, ]

这是我获取它的方式：

function loadUserPosts(){
	$.ajax({
		url: 'services/posts?OwnerID='+loggedInUserId,
		method: 'get',
		headers: { 'Accept': 'application/json' }, 
		success: function(data) {
			console.log("Data arrived");
			for(var index in data){
				var row = "<tr><td>"+data[index].postTitle+"</td><td>"+data[index].postVote+"</td><td><button onclick='myFunction()'>Answer/View</button></td></tr>";
				$("#userTable").append(row);
			}
		}
});
	console.log("loadUserPosts - Fired request");
}

    		</div>
  			<div class="docs-section" id="allPosts">
      		<h6><b>Recent Questions</b></h6>
  			<table id=userTable></table>  			
			</div>

当用户选择一个问题时，我希望他被重定向到一个新页面，该问题与 cmets 一起出现。 表似乎不是一个干净的解决方案，因为我无法离散地选择每一行。 如何使用容器迭代地显示 JSON（相同的 div 容器在页面上出现多次，带有离散的 JSON 数据）？ 如果这是非常基本的，请道歉！

Answer 1

当用户选择一个问题时，我希望他被重定向到一个新页面，该问题与 cmets 一起出现。

表格可能是一个很好的解决方案，您必须像这样将<tr> 元素添加到onclick 操作中

var row = "<tr onclick=\"window.location.href='question/" + data[index].postID + "'\">\n\
             <td>" + data[index].postTitle + "</td>\n\
             <td>" + data[index].postVote + "</td>\n\
           </tr>";

然后您需要实现方法来处理带有 URI question/{id} 的请求，这将呈现带有您的问题的页面，用户可以在其中评论、投票等。