<a id="zc" href="javascript:void(0)" style="cursor:pointer;" onclick='duoduo(${Hc.Hc_Id})'>支持[${Hc.Hc_Zc}]</a>
function duoduo(hhId) {
$.ajax({
type: 'post',
url: 'Zcfd.jsp',
data: 'hhId=' + hhId,
success: function(msg) {
},
})
}
Zcfd.jsp
写的是更新数据库
请问怎么样才可以局部更新 a 标签的数据 并且 清除 a 的样式呢?谢谢!
------解决方案--------------------------------------------------------
... ...
success: function(msg) {
var aTag = document.getElementById("zc");
aTag.innerText = msg;//或者aTag.innerHTML = msg;
aTag.removeAttribute("href");
},
... ...
没经过测试,楼主自己试一下吧。
------解决方案--------------------------------------------------------
success: function(msg)在这个回调函数中处理,
如msg.responseText从后台返回的值为"不支持"
var ms=msg.responseText;
//获取链接对象
var aTag = document.getElementById("zc");
//改变链接文字
aTag.innerHTML =ms;
//再如楼上的写的 改变样式
.span { padding:10px 13px; background:none;}
aTag.className="span";
------解决方案--------------------------------------------------------
jquery
success: function(msg) {
$('#zc').text(msg).removeClass();
//看是否能够连写,如果不能,就对$('#zc')定义一个中间变量。
//你是不要要更新“支持”后面的数字啊。可以在数字面加上一个span指定上ID 然后换这个就行了。否则还要写上“支持”+msg
//另外 这个连接被点过,是会改变样式的,建议不应该重置样式。支持过就是支持过了。
},
------解决方案--------------------------------------------------------
success: function(msg) {
//在这里removed掉或者更新
如:$("#selector").removed("calss").addClass("newClass");
}
jquery功能很强大,还可以替换文本,仔细去琢磨吧。
------解决方案--------------------------------------------------------
------解决方案--------------------------------------------------------
JQuery 方式:
- HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script language="javascript" src="jquery-1.4.2.min.js"></script> <style> .required{color:red;} </style> <script> $(document).ready(function(){ $("#xx").fadeOut("slow", function() { $(this).removeClass("required")(""); }); }); </script> </HEAD> <BODY> <a id="xx" class="required">支持[${Hc.Hc_Zc}]支持[${Hc.Hc_Zc}</a> </BODY></HTML>