Javascript 在执行ajax更新时使用JQuery更改html链接
我有一个本质上相当于“like”按钮的链接,也就是当你点击它时,应该向服务器发送一条消息来增加页面上的计数器。有内置的小部件吗?或者它是您自己的代码,也就是说,它基本上应该这样做:Javascript 在执行ajax更新时使用JQuery更改html链接,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个本质上相当于“like”按钮的链接,也就是当你点击它时,应该向服务器发送一条消息来增加页面上的计数器。有内置的小部件吗?或者它是您自己的代码,也就是说,它基本上应该这样做: 将“喜欢”链接切换为“不喜欢” 递增计数器 向服务器发送邮件,告知计数器应递增 若服务器返回错误,则取消增加计数器并将“不象”切换回“象” 您可以按照我刚才创建的小提琴示例操作: 非常简单: 0)设置HTML <div id="comment-123">This is a comment <
- 将“喜欢”链接切换为“不喜欢”
- 递增计数器
- 向服务器发送邮件,告知计数器应递增
- 若服务器返回错误,则取消增加计数器并将“不象”切换回“象”
<div id="comment-123">This is a comment
<div class="likeCount">0 likes</div>
<a href="#" class="like">+like</a>
<a href="#" class="dislike">-dislike</a>
</div>
2) 将数据发送到服务器
$.post('/echo/json/', data, callback, 'json');
3) 服务器回复后,获取新计数器并更新显示(&U)
function callback(reply) {
var comment = '#comment-' + reply.commentId;
$(comment + ' .likeCount').text(reply.likeCount);
$(comment + ' a').toggle();
}
您必须浏览自己的代码,顺便说一句,到目前为止您尝试了什么,将您的代码与具体问题一起发布在您遇到的问题上。@RecoveringSince2003如果jQuery已经有此代码,那么编写代码就没有意义了。这就是我的问题。
function callback(reply) {
var comment = '#comment-' + reply.commentId;
$(comment + ' .likeCount').text(reply.likeCount);
$(comment + ' a').toggle();
}