Arrays JSON:指向数组项的链接
我的JSON:Arrays JSON:指向数组项的链接,arrays,json,Arrays,Json,我的JSON: [{"status":"success","id":1,"title":"title1","content":"test"}, {"status":"success","id":2,"title":"title2","content":"test2"}, {"status":"success","id":3,"title":"title3","content":"test3"}, {"status":"success","id":4,"title":"title4","conte
[{"status":"success","id":1,"title":"title1","content":"test"},
{"status":"success","id":2,"title":"title2","content":"test2"},
{"status":"success","id":3,"title":"title3","content":"test3"},
{"status":"success","id":4,"title":"title4","content":"test4"}]
我的Ajax请求中包含以下成功函数:
function(response){
response.forEach(function(data) {
$('#suche').append('<li id="post_id_' + data.id + '" ><a href="#detailedpost" class="item-link item-content"><div class="item-inner"><div class="item-title">' + data.title + '</div></div></a></li>');
})//foreach end
}
如何为该ID分配正确的内容“test3”?假设您发布的是
response
[{"status":"success","id":1,"title":"title1","content":"test"},
{"status":"success","id":2,"title":"title2","content":"test2"},
{"status":"success","id":3,"title":"title3","content":"test3"},
{"status":"success","id":4,"title":"title4","content":"test4"}];
当您单击每个元素时,下面的代码应该显示与它关联的内容
function(response){
response.forEach(function(data) {
$('#suche').append('<li id="post_id_' + data.id + '" ><a href="#detailedpost" class="item-link item-content"><div class="item-inner"><div class="item-title">' + data.title + '</div></div></a></li>');
$(document).on('click', '#post_id_' + data.id, function(){
$('#postcontent').html(data.content); //replace content instead of appending
});
})//foreach end
}
功能(响应){
response.forEach(函数(数据){
$(“#suche”).append(“”);
$(document).on('click','#post_id_'+data.id,function()){
$('#postcontent').html(data.content);//替换内容而不是追加
});
})//前端
}
你发布的代码有什么问题?我得到了错误的内容你得到了哪一个?数据
的内容是什么?您是否将单击处理程序代码放入了.forEach
块中?事实上,我觉得还可以。你遇到了什么样的问题?是的,但我得到了所有项目的结果
function(response){
response.forEach(function(data) {
$('#suche').append('<li id="post_id_' + data.id + '" ><a href="#detailedpost" class="item-link item-content"><div class="item-inner"><div class="item-title">' + data.title + '</div></div></a></li>');
$(document).on('click', '#post_id_' + data.id, function(){
$('#postcontent').html(data.content); //replace content instead of appending
});
})//foreach end
}