Javascript 如何使用jqueryajax同时更新两个div?
我正在设计一个“喜欢”和“不喜欢”功能。但当我更新like时,问题就出现了,因为它必须同时更新lokeJavascript 如何使用jqueryajax同时更新两个div?,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我正在设计一个“喜欢”和“不喜欢”功能。但当我更新like时,问题就出现了,因为它必须同时更新lokediv 这是我不喜欢的.js: $('.dislike').click(function(e) { dislike = $(this); to_dislike= dislike.data('val'); $.ajax({ type : 'POST', url : '<?php echo site_url('/url.
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');
}
});
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
$(“#厌恶”+to#u厌恶).html(数据);
},
错误:函数(){
$(“#不喜欢”+to#u不喜欢).html('Sorry');
}
});
});
它工作得很好。但我想对其进行修改,使其能够同时更新我的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
和loke
列。在like上我更新我的like。但是如果一个人在喜欢某个特定的帖子之后不喜欢,那么不喜欢会被更新为+1,喜欢会被更新为-1。
请帮助..如果我理解正确,您只想更新您的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);
}
}
});
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
var厌恶=parseInt($(“#厌恶”).html();
var like=parseInt($(“#like”).html();
如果(不喜欢>=0&&like>=0){
$(“#厌恶”).html(厌恶+1);
$(“#like”).html(like-1);
}
}
});
});
如果我理解正确,您只想更新您的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);
}
}
});
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
var厌恶=parseInt($(“#厌恶”).html();
var like=parseInt($(“#like”).html();
如果(不喜欢>=0&&like>=0){
$(“#厌恶”).html(厌恶+1);
$(“#like”).html(like-1);
}
}
});
});
如果我理解正确,您只想更新您的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);
}
}
});
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
var厌恶=parseInt($(“#厌恶”).html();
var like=parseInt($(“#like”).html();
如果(不喜欢>=0&&like>=0){
$(“#厌恶”).html(厌恶+1);
$(“#like”).html(like-1);
}
}
});
});
如果我理解正确,您只想更新您的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);
}
}
});
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
var厌恶=parseInt($(“#厌恶”).html();
var like=parseInt($(“#like”).html();
如果(不喜欢>=0&&like>=0){
$(“#厌恶”).html(厌恶+1);
$(“#like”).html(like-1);
}
}
});
});
如果我理解正确,那么您希望从数据库中获取数据,并使用一个jquery调用将其显示在两个不同的div中
为什么不将字符串与一些符号连接起来,比如
$
,然后在回显它时。如果成功,只需过滤数据并将其放在不同的分区中即可。希望有帮助。:) 如果我理解正确,那么您希望从数据库中获取数据,并使用一个jquery调用将其显示在两个不同的div中
为什么不将字符串与一些符号连接起来,比如
$
,然后在回显它时。如果成功,只需过滤数据并将其放在不同的分区中即可。希望有帮助。:) 如果我理解正确,那么您希望从数据库中获取数据,并使用一个jquery调用将其显示在两个不同的div中
为什么不将字符串与一些符号连接起来,比如
$
,然后在回显它时。如果成功,只需过滤数据并将其放在不同的分区中即可。希望有帮助。:) 如果我理解正确,那么您希望从数据库中获取数据,并使用一个jquery调用将其显示在两个不同的div中
为什么不将字符串与一些符号连接起来,比如
$
,然后在回显它时。如果成功,只需过滤数据并将其放在不同的分区中即可。希望有帮助。:) 不确定你所说的“它应该同时更新我的div”是什么意思,你能提供一个你的问题的可复制的例子吗?最好是在需要更详细地了解update
的含义时。一些html可以帮助我同时获取喜欢和不喜欢的数据,然后将这些数据放在两个不同的分区中。数据中的内容以及数据的结构如何。。。最后的评论没有告诉我们much@charlietfl这是关于pertical post的喜欢和不喜欢的数字(整数)不确定你所说的“它应该同时更新我的div”是什么意思,你能提供一个可复制的例子来说明你的问题吗?最好是在需要更详细地了解update
的含义时。一些html可以帮助我同时获取喜欢和不喜欢的数据,然后将这些数据放在两个不同的分区中