Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何呈现和显示博客的JSON响应?_Javascript_Jquery_Html_Json_Ajax - Fatal编程技术网

Javascript 如何呈现和显示博客的JSON响应?

Javascript 如何呈现和显示博客的JSON响应?,javascript,jquery,html,json,ajax,Javascript,Jquery,Html,Json,Ajax,我对jquery和HTML非常陌生。我正在做一个作业,我必须创建一个简单的博客,在那里发布问题,用户可以对此发表评论。 我已经成功地创建了一个数据库,现在可以成功地获取和显示表中的数据(问题)。 但是,在将其显示为表格时,我无法以离散的方式处理每个问题,因此无法决定用户如何选择问题并对其进行评论。 以下是我的问题(帖子)JSON: [ { “posted”:60, “postTitle:“你好,世界!!”, “发布日期”:1442552136000, “所有者”:7, “投票后”:0 }, ]

我对jquery和HTML非常陌生。我正在做一个作业,我必须创建一个简单的博客,在那里发布问题,用户可以对此发表评论。 我已经成功地创建了一个数据库,现在可以成功地获取和显示表中的数据(问题)。 但是,在将其显示为表格时,我无法以离散的方式处理每个问题,因此无法决定用户如何选择问题并对其进行评论。 以下是我的问题(帖子)JSON: [ { “posted”:60, “postTitle:“你好,世界!!”, “发布日期”:1442552136000, “所有者”:7, “投票后”:0 }, ]

下面是我获取它的方式:

函数loadUserPosts(){
$.ajax({
url:'services/posts?OwnerID='+loggedInUserId,
方法:“get”,
标题:{'Accept':'application/json'},
成功:功能(数据){
console.log(“数据到达”);
for(数据中的var索引){
var row=”“+数据[索引]。postTitle+“”+数据[索引]。postVote+“答案/视图”;
$(“#userTable”).append(行);
}
}
});
log(“loadUserPosts-Fired请求”);
}

最近的问题
当用户选择一个问题时,我希望他被重定向到一个新页面,在该页面上,该问题与is注释一起出现

表可能是一个很好的解决方案,您必须像这样添加到
元素
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>";
var row=“\n\
“+数据[索引]。postTitle+”\n\
“+数据[索引]。投票后+”\n\
";

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

您是否尝试过添加数据值,并在单击“获取”时使用这些值?是的,我一直在尝试。由于我在这方面的知识有限,我在每一行旁边添加了一个按钮,其中的onclick()调用了一个函数,为我打开了一个新页面。我不确定如何将数据传递给该函数。这将是解决我问题的完美方法。但上面的语句中似乎有一些小错误,因为我的(#userTable)没有添加行。我将最后一个标记更正为,但似乎不起作用。无法找出问题所在。更新了我的答案,在>\n\n您真是太棒了@pzeszko之前的第一行中缺少了一个“。这正是我想要的,但从来都不知道我也可以用表来完成。非常感谢!!@Kanishk很高兴我能帮助您-快乐编码!