![](/img/trans.png)
[英]How to update each div element with Ajax function using JQuery
[英]how to simultaneously update two div using jquery ajax?
我正在设计一个喜欢和不喜欢的功能。 但是问题是,当我同时更新我的喜欢时,它也必须更新不喜欢的div
。
这是我不喜欢的.js:
$('.dislike').click(function(e) {
dislike = $(this);
to_dislike= dislike.data('val');
$.ajax({
type : 'POST',
url : '<?php echo site_url('/url.php');?>',
data : 'dislikes='+to_dislike,
dataType : 'text',
success : function(data){
$("#dislike_"+to_dislike).html(data);
},
error : function(){
$("#dislike_"+to_dislike).html('Sorry');
}
});
});
它的工作很好。 但我想以一种可以同时更新我的div的方式对其进行修改:
<div id='like'></div>
这是我的HTML:
<table>
<tr>
<td> <button class="like"></button></td>
<td> <button class="dislike"></button></td>
</tr>
<tr>
<td>LIKE : <div id='like'></div></td>
<td> Dislike : <div id='dislike'></div></td>
</tr>
</table>
编辑:
更新:我必须同时获取有关喜欢和不喜欢的数据,然后将该数据放入两个不同的div中。 有一个带有“ like
和“ dislike
列的表。 在喜欢我更新我的喜欢。 但是,如果某个人在喜欢某个特定帖子后不喜欢,那么不喜欢将更新为+1,喜欢将更新为-1。
请帮忙..
如果我说对了,那么您想从数据库中获取数据并使用一个jquery调用将其显示在两个不同的div中。
为什么不使用$
等符号将字符串连接起来,然后在回显时呢? 成功后,只需过滤数据并将其放在不同的div中即可。 希望能有所帮助。 :)
如果我理解正确,那么您只想更新div中喜欢和不喜欢的次数。
$('.dislike').click(function(e) {
dislike = $(this);
to_dislike= dislike.data('val');
$.ajax({
type : 'POST',
url : '<?php echo site_url('/url.php');?>',
data : 'dislikes='+to_dislike,
dataType : 'text',
success : function(data){
var dislike = parseInt($("#dislike").html());
var like = parseInt($("#like").html());
if ( dislike >= 0 && like >= 0) {
$("#dislike").html(dislike + 1);
$("#like").html(like - 1);
}
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.