局部刷新,该如何处理-Java教程-爱易网页

局部刷新,该如何处理

日期：2014-05-17　浏览次数：20816 次

局部刷新
<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功能很强大，还可以替换文本，仔细去琢磨吧。

------解决方案--------------------

探讨

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").html("");
            });
     });
  </script>
 </HEAD>

 <BODY>
    <a id="xx" class="required">支持[${Hc.Hc_Zc}]支持[${Hc.Hc_Zc}</a>
 </BODY>
</HTML>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

局部刷新,该如何处理

相关资料更多>

推荐阅读更多>