`
yunnick
  • 浏览: 392013 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

实现Ajax的两种简易方式

阅读更多

以下都是平常工作内容的一些总结。

 

方法一:借用Jquery包

<script type="text/javascript" src="jquery.js"></script>

function func(){//在func函数中使用ajax

    var param = document.getElementById("param").value;

    $ajax({//ajax的内容

          url="servlet/checkUser?username="+param,//所对应的Servlet及所需参数

          type = "post",

         success:function(data, testStatus){ //成功后回调函数,有两个参数:服务器返回数据,返回状态

         },

         error:function(){//错误处理

         }

     })

}

  

 

 

对应的Servlet函数

public class checkUser extends HttpServlet {
 
   public void doGet (HttpServletRequest req, HttpServletResponse resp) 

   public void doPost (HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException{
  
   response.setContentType("text/html");
   PrintWriter out = response.getWriter();

   Stirng username = response.getParameter("usernmae");

   ...
   
}

 

 

方法二:自己写代码,主要就是创建XMLHttpRequest对象(这是Ajax的本质)。

 

var xmlHttpRequest;

function createXMLHttpRequest(){//创建XMLHttpRequest对象

     if (window.ActiveXObject){
          xmlHttpRequest= new ActiveXObject("Microsoft.XMLHTTP");
     }
     else if (window.XMLHttpRequest){
        xmlHttpRequest= new XMLHttpRequest();
     }

}

 function loginCheck(){//功能函数
  createXMLHttpRequest();
  
  var name = document.getElementById("name").value;
  var password = document.getElementById("password").value;

  xmlHttp.open("POST","checkUserName.do?name="+name+"&password="+password,true); //checkUserName.do为struts文件中对应的跳转,
  xmlHttp.onreadystatechange = handleStateChange;//对服务器返回信息处理
  xmlHttp.send(null);
 }



 function handleStateChange(){
    //等到数据加载完
  if(xmlHttp.readyState ==4){
   //状态码200表示成功
   if(xmlHttp.status == 200){
   
    var returnText = xmlHttp.responseText.toString(); //returnText的值就是由  checkUserName.do对应的Java文件返回的值
   ...
   }
  }
}

 

 

分享到:
评论

相关推荐

    Jquery Ajax实现简易计算器

    在本文中,我们将深入探讨如何使用Jquery Ajax技术来实现一个简易计算器。Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。结合Jquery库,我们可以...

    PHP+Ajax 超简易聊天工具(无刷新提交,仅供学习)

    【PHP+Ajax 超简易聊天工具】是一个用于学习目的的简单在线聊天系统,它结合了PHP和Ajax技术,实现了用户无需刷新页面即可实时发送和接收消息的功能。这个项目对于初学者来说,是一个很好的实践案例,可以深入理解...

    自己写的最简单Ajax例子

    Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这个技术的出现极大地提升了用户体验,使得网页可以更加流畅地进行数据交互和页面更新。在"自己写的最...

    简易封装Ajax.zip

    在IT行业中,Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。这个“简易封装Ajax.zip”文件包含了对Ajax进行简单封装的示例,通过`index.html`来展示调用,`...

    AJAX留言本--简易版

    【描述】"ASP+AJAX简易留言本"揭示了这个项目的两大核心组件:ASP(一种微软开发的服务器端脚本环境,常用于构建动态网页)和AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML)。通过ASP,服务器能够...

    网页版简易聊天系统(asp+ajax)

    首先,我们来深入理解一下ASP(Active Server Pages)和AJAX(Asynchronous JavaScript and XML)这两种技术。ASP是微软开发的一种服务器端脚本环境,用于创建动态交互式网页。它允许开发者使用VBScript或JScript等...

    ajax+css一些前端应用例子(超过15种效果)

    在前端开发中,Ajax(Asynchronous JavaScript and XML)与CSS(Cascading Style Sheets)是两种非常关键的技术,它们能够创建交互性强、响应快速且用户体验优秀的网页应用。本压缩包包含超过15个实例,涵盖了多种...

    [聊天留言]适合ajax初学者的简易聊天程序 v1.0_simplechat(ASP.NET源码).rar

    【标题】中的“[聊天留言]适合ajax初学者的简易聊天程序 v1.0_simplechat(ASP.NET源码).rar”表明这是一个基于Ajax技术的简单聊天程序,主要用于教学目的,适用于初学者学习Ajax和ASP.NET框架。这个程序的版本为...

    一个ajax 和 dwr 框架的最简单2个应用--简易聊天室

    在IT领域,Ajax(Asynchronous JavaScript and XML)和DWR(Direct Web Remoting)是两种常见的Web开发技术,常用于创建交互性强、响应快速的网页应用程序。本项目“一个Ajax和DWR框架的最简单2个应用--简易聊天室”...

    servlet+ajax模拟百度搜索(含jar包)

    【Servlet+Ajax模拟百度搜索】是一项利用Web技术实现的简易搜索功能,主要涉及Servlet和Ajax技术,不依赖数据库。在本项目中,我们通过Ajax异步请求与Servlet后台交互,模拟百度搜索时用户输入关键词后实时展示建议...

    自己写的ajax框架

    本项目是一个个人编写的简易AJAX框架,旨在提供一种轻量级、易于理解和使用的解决方案。 【描述】:“代码简单,容易懂,灵活,把框架导入页面以后,只需两句话就可实现ajax” 这个描述突出了该框架的主要特点:...

    ssi框架,ajax,json项目小例子

    在描述中提到的"ssi框架"可能是指一个特定的项目或自定义实现,它可能是用SSI技术构建的一个简易框架,用于简化网页的动态内容生成。对于初学者来说,学习SSI框架可以理解服务器端如何处理和嵌入动态信息,为后续...

    jQuery简易时光轴实现方法示例

    在这个示例中,我们定义了“大标题”和“小标题”两种不同的格式,通过HTML结构和CSS样式来对它们进行布局和样式设计。大标题通常用于主要事件的描述,小标题则用于次要事件的描述。通过jQuery,我们可以根据用户...

    Ajax的小封装 get,post请求

    在描述中提到了对Ajax的get请求的小封装,这意味着我们将会讨论如何用JavaScript来构建一个简易的Ajax GET请求函数,并可能涉及POST请求的实现。 ### 1. Ajax GET 请求小封装 GET请求是最常见的HTTP方法,用于从...

    网页在线聊天简易实现.

    【标题】:“网页在线聊天简易实现” 网页在线聊天是一种通过互联网在两个或多个用户之间实现实时交流的技术。它利用Web技术,使用户无需下载安装额外的应用程序即可进行即时通讯。这种技术通常基于WebSocket、AJAX...

    利用JS与HTML实现地级市的简易的二级联动

    在网页开发中,二级联动是一种常见的交互设计,通常用于下拉菜单或选择列表,例如省份与城市的选择。这种设计能够帮助用户在两个关联的列表之间进行互动,根据第一个列表(通常是大分类)的选择,动态更新第二个列表...

    用ajax实现读博客rss示例代码

    标题“用ajax实现读博客rss示例代码”中涉及到的知识点包括ajax技术、RSS(Really Simple Syndication,即简易信息聚合)以及RSS的读取方式。描述中提到这是一份介绍如何使用ajax技术实现读取博客RSS的具体示例代码...

    基于ASP.NET简易博客网站的设计与实现(源代码+论文).zip

    【压缩包子文件的文件结构】提及了两个目录:“Users”和“基于ASP.NET简易博客网站的设计与实现(源代码+论文)”。"Users"目录可能包含了模拟用户数据,如用户账户信息、文章数据等。而另一个目录则很可能包含了整个...

    基于jQuery/JS的简易网页计算器

    总的来说,"基于jQuery/JS的简易网页计算器"是一个很好的起点,无论是对初学者还是希望巩固基础的开发者,都可以从中学习到如何利用这两种强大的工具来创建实际的网页应用程序。通过实践这个项目,不仅可以掌握基本...

Global site tag (gtag.js) - Google Analytics