我有一个带有主题列表的表，每个主题都有其自己的主题，因此我编写了一个ajax脚本，以使用主题ID获取主题“ onclick”的每个主题的主题。
我尝试通过控制台从控制器记录JSON成功响应的控制台，看到查询的结果，所以我使用Js附加功能将数据附加到index.blade上的div上，但返回的主题是：[object Object]，[对象]
Ajax请求显示选定主题的主题track_id表示subject_id
$( ".show-topics" ).click(function() {
var track_id= $(this).data('id');
var html ='';
$.ajax({
type: "GET",
dataType: "json",
url: 'showTopics',
headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}' },
data: {'id': track_id},
success: function(data)
{
// For loop statement to loop out the data```
if(data.topics)
{
for(var key in data)
{
var value = data[key];
html+='<div>'+key+':'+value+'</div>'
}
$("#topic-data").append(html);
}
}
});
});
在我的控制器中，我将其作为showtopics方法
public function showTopics(Request $request)
{
$topics = Topic::where('track_id', $request->id)->latest()->get();
return response()->json(['topics' => $topics]);
}
div追加这些数据：
<div id="topic-data">
</div>
当我console.log(data.topics)得到这个信息时，（2）[{…}，{…}] 0：created_at：“ 2019-07-29 18:04:32”持续时间：5 id：7标题：“ My Porfolio Adesanya Folorunso” track_id： 44 Updated_at：“ 2019-07-29 18:04:32”
1：created_at：“ 2019-07-29 18:04:11”时长：2 id：6标题：“ Adesanya Folorunso” track_id：44更新时间：“ 2019年
我想显示主题-> id，主题->标题和持续时间。不是这个主题：[对象对象]，[对象对象]
我假设您的数据如下所示。如果是这样，请将您的循环代码替换为我的...
var data =
{
"topics":
[
{
"created_at":"2019-07-29 18:04:32",
"duration":5,
"id":7,
"title":"My Porfolio Adesanya Folorunso",
"track_id":44,
"updated_at":"2019-07-29 18:04:32"
},
{
"created_at":"2019-07-29 18:04:11",
"duration":2,
"id":6,
"title":"Adesanya Folorunso",
"track_id":44,
"updated_at":"2019-07-30 19:04:21"
}
]
};
if(data.topics)
{
for(var i=0; i < data.topics.length; i++)
{
$("#topic-data").append( $("<div />").text(data.topics[i].created_at) );
$("#topic-data").append( $("<div />").text(data.topics[i].duration) );
$("#topic-data").append( $("<hr />") );
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="topic-data">
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句