国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

jquery實現頁面局部刷新

2019-11-14 16:37:08
字體：大 中 小
來源：轉載
供稿：網友

后臺管理中總是使用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>  

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 西平县| 昆山市| 若尔盖县| 潜江市| 鹤庆县| 和平县| 澎湖县| 五家渠市| 南宁市| 商南县| 金阳县| 伽师县| 承德市| 巩留县| 荔浦县| 天长市| 三河市| 绥化市| 特克斯县| 镇雄县| 盱眙县| 子长县| 桦川县| 含山县| 界首市| 福建省| 德清县| 宁城县| 沂源县| 元谋县| 长垣县| 蒙城县| 宁安市| 大同市| 鹤壁市| 广水市| 合肥市| 汉川市| 那坡县| 厦门市| 大余县|