当前位置:  编程技术>jquery

ajax jquery 页面局部刷新的不同实现代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  以下示例是学习使用XMLHttpRequest时,实现的页面局部刷新的代码,分享下。   代码示例:   页面局部刷新功能_www.            window.onload = function(){         document.getElementById("email").onblur = function(){           ...

以下示例是学习使用XMLHttpRequest时,实现的页面局部刷新的代码,分享下。
 

代码示例:
 

页面局部刷新功能_www.
    
      window.onload = function(){  
      document.getElementById("email").onblur = function(){  
          if(window.XMLHttpRequest){  
    http_request = new XMLHttpRequest();  
    if(http_request.overrideMimeType){ 
    http_request.overrideMimeType("text/xml");  
    }  
          }else if(window.ActiveXObject){  
    try{  
        http_request = new ActiveXObject("Msxml2.XMLHTTP");  
    }catch(e){  
        try{     
            http_request = new ActiveXObject("Microsoft.XMLHTTP");  
        }catch(e){}  
    }  
          }  
          if(!http_request){  
    window.alert("不能创建XMLHttpRequest对象实例!");  
    return false;  
          }  
          http_request.onreadystatechange = function(){  
    if(http_request.readyState == 4 &&  
        http_request.status == 200) {  
        document.getElementById("emailTip").innerHTML  
        =http_request.responseText;  
    }  
          };  
          http_request.open("GET", "email.jsp?email="+this.value, true);  
          http_request.send(null);  
          }  
      }  
       
         
         
   
   
   
 
 
      456 
 
 
         
   

2、高手指点下的改进版,使用jquery来实现的局部刷新。
 

代码示例:
 

jquery 页面局部刷新-www.
   
    
  function getOtherMessage(){  
      $.ajax({  
          type:"post",    
          url:"${pageContext.request.contextPath}/getOtherMessage.do",  
          success:function(msg){  
    $("#view").html(msg);  
          },  
          error:function(){  
    alert("wrong");  
          }  
      });  
 }  
       
         
         
   
 
 
      456 
 
 
         
     

    
 
 

您可能感兴趣的文章:

  • jquery ajax 局部刷新小案例
  • jquery ajax 局部无刷新更新数据的实现案例
  • JQuery的Ajax请求实现局部刷新的简单实例
  • 使用ajax局部刷新gridview进行数据绑定示例
  • Jquery、Ajax、Struts2定时刷新功能的实现代码
  • Jquery、Ajax、Struts2完成定时刷新的方法
  • jquery ajax 无刷新提交数据与无刷新登录的例子
  • 告别AJAX实现无刷新提交表单
  • php与ajax实现页面自动刷新
  • Jquery ajax实现无刷新登录的方法介绍
  • Jquery ajax无刷新翻页的实现代码
  • AJAX自学练习 无刷新从数据库后台取数据显示
  • jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路
  • JQuery+Ajax无刷新分页的实例代码
  • Ajax实现异步刷新验证用户名是否已存在的具体方法
  • jquery+ajax+C#实现无刷新操作数据库数据的简单实例
  • AJAX 自学练习 无刷新提交并修改数据库数据并显示
  • asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 基于Apache Nutch和Htmlunit的扩展实现AJAX页面爬虫抓取解析插件 nutch-htmlunit
  • ASP.NET之 Ajax相关知识介绍及组件图
  • Ajax投票程序 Ajax Poll
  • Ajax 框架 Clean AJAX
  • Ajax 框架 Spry framework for Ajax
  • AJAX UI 创建工具 Sigma Ajax UI builder
  • Ajax 框架 Microsoft AJAX Library
  • Ajax 工具包 OpenLink AJAX Toolkit
  • AJAX框架 Ajax Agent
  • 基于 Ajax 的Web聊天软件 Ajax Chat
  • jQuery Ajax($.ajax、$.post、$.get)实例代码
  • AJAX Libraries API
  • SharePoint AJAX Toolkit
  • Web动画开发工具包 AJAX Animator
  • Rich组件框架 Ajax4JSF
  • Ajax 工具包 Rialto
  • Ajax Tabs Content Script
  • 即时消息客户端 Ajax IM
  • Ajax应用开发工具 XML11
  • Ajax框架 SweetDEV RIA
  • JQuery中使用Ajax赋值给全局变量失败异常的解决方法
  • jquery ajax提交无响应怎么办?解决方法


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3