首页 / JQUERY / jquery实现页面局部刷新

jquery实现页面局部刷新

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery实现页面局部刷新，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1858字，纯文字阅读大概需要3分钟。

内容图文

后台管理中总是使用frameset进行分成部分进行管理，但是感觉很不好用，尤其是页面间调转还要判断window.parent，太令我费神了，于是学习使用XMLHttpRequest进行页面局部刷新。代码如下：

Java代码  
  1. <html>  
  2.     <head>  
  3.         <script type="text/javascript">   
  4.             window.onload = function(){   
  5.             document.getElementById("email").onblur = function(){   
  6.                 if(window.XMLHttpRequest){   
  7.                     http_request = new XMLHttpRequest();   
  8.                     if(http_request.overrideMimeType){  
  9.                     http_request.overrideMimeType("text/xml");   
  10.                     }   
  11.                 }else if(window.ActiveXObject){   
  12.                     try{   
  13.                         http_request = new ActiveXObject("Msxml2.XMLHTTP");   
  14.                     }catch(e){   
  15.                         try{      
  16.                             http_request = new ActiveXObject("Microsoft.XMLHTTP");   
  17.                         }catch(e){}   
  18.                     }   
  19.                 }   
  20.                 if(!http_request){   
  21.                     window.alert("不能创建XMLHttpRequest对象实例！");   
  22.                     return false;   
  23.                 }   
  24.                 http_request.onreadystatechange = function(){   
  25.                     if(http_request.readyState == 4 &&   
  26.                         http_request.status == 200) {   
  27.                         document.getElementById("emailTip").innerHTML   
  28.                         =http_request.responseText;   
  29.                     }   
  30.                 };   
  31.                 http_request.open("GET", "email.jsp?email="+this.value, true);   
  32.                 http_request.send(null);   
  33.                 }   
  34.             }   
  35.   </script>  
  36.     </head>  
  37.     <body>  
  38.         <input type="button" value="修改" onclick="getOtherMessage();" />  
  39.         <input type="text" id="email" />  
  40.         <span id="emailTip"></span>  
  41.         <div id="view">  
  42.             456  
  43.         </div>  
  44.     </body>  
  45. </html>  

 

后经高手提醒，可以使用ajax技术来写，使用jquery很简单，示例如下：

Java代码  
  1. <html>  
  2.     <head>  
  3.         <script type="text/javascript" src="js/jquery.js"></script>  
  4.         <script type="text/javascript">   
  5.         function getOtherMessage(){   
  6.             $.ajax({   
  7.                 type:"post",     
  8.                 url:"${pageContext.request.contextPath}/getOtherMessage.do",   
  9.                 success:function(msg){   
  10.                     $("#view").html(msg);   
  11.                 },   
  12.                 error:function(){   
  13.                     alert("wrong");   
  14.                 }   
  15.             });   
  16.        }   
  17.   </script>  
  18.     </head>  
  19.     <body>  
  20.         <input type="button" value="修改" onclick="getOtherMessage();" />  
  21.         <div id="view">  
  22.             456  
  23.         </div>  
  24.     </body>  
  25. </html>  

 

原文：http://www.cnblogs.com/ranzige/p/3807330.html

内容总结

以上是互联网集市为您收集整理的jquery实现页面局部刷新全部内容，希望文章能够帮你解决jquery实现页面局部刷新所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1201135.html

来源：【匿名】