How to load the comment list through ajax

Question

The comment information is loaded when you first enter the details page, but every time after posting a comment, the comment content cannot be loaded without refreshing the page. What should I do through ajax?

唐彡公子 · Answer

It has been implemented, let me talk about the idea, teacher, see if this is appropriate

1. When loading the details page, follow the background query and template assignment method, and implement the first load through volist in the foreground

2 , post a comment after entering the details page, submit a new comment through ajax at the front desk, execute the new comment in the background and obtain the data from multiple tables after success and return it to the template

3. After the front desk receives the returned data, it passes through a for loop Traverse the data and load it into the comment list

Front-end code:

if (datas.status == 1) {
$('#result').text(datas.message );
var str = "";
$("#comm").html("");
for (var i = 0; i < datas.data.length; i++) {
str = '

' +
'

'+ datas.data[i].name +' ' + timestampToTime(datas.data[i].create_time) + '

' +
'

' + datas.data[i] .content + '

' +
'

';
'

' +
").append(str);
}
$("#comment")[0].reset();
} else {
$('#result').text(datas .message);

}###

Dancy · Answer

An interface for publishing comments and an interface for obtaining comment information. After each comment is published, the latest comment content is obtained through ajax again