`

创建ajax的步骤

    博客分类:
  • js
阅读更多

<script type="text/javascript">
 
  var XMLHttpReq = false;
   //第一步   创建一个XMLHttpRequest对象 
  function createXMLHttpReq(){
  
   if(window.XMLHttpRequest){
   
    XMLHttpReq = new XMLHttpRequest();
   }
   else if(window.ActiveXObject){
   
   try{
   
    XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
   }catch(e){
    
    try{
    
     XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e){  }
    
    
      }
   }
  }

 

//第二步 打开连接

XMLHttpReq.open("GET",url,"true");

 

第三步 调用回调函数proce是回调函数名

 

XMLHttpReq.onreadystatechange=proce;

 

//回调函数代码

function proce(){
  
   if(XMLHttpReq.readyState==4){
   
    if(XMLHttpReq.status==200){
   //responseXML是返回xml的数据的 要返回文本就用responseText  后面的content 是节点名称 根据节点名称获得里面的value
     var res = XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data; 
     
     if(res=="loginsuccess"){
      window.alert("登陆成功!");
      window.location.href="ShowInfo.jsp";
     }
     
     if(res=="passworderror"){
      window.alert("用户密码错误");
     }
    
     if(res=="usernamenull"){
      window.alert("用户名不存在!");
     }
     
     
    }else 
    
    alert("所请求的页面有异常!");
    
   }

 

 

第四步 发送信息

XMLHttpReq.send(null);
   
  }
  

分享到:
评论

相关推荐

    Ajax开发步骤及代码

    AJAX(Asynchronous JavaScript and XML)是一种用于创建交互式网页应用的技术,由Jesse James Gaitett提出。它允许在不刷新整个页面的情况下,通过...理解并掌握AJAX的开发步骤和核心原理,对于现代Web开发至关重要。

    Ajax的实现步骤

    ### Ajax的实现步骤详解 #### 一、引言 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换来实现这一点,从而使网页...

    ajax编程步骤

    通过以上步骤,我们可以实现基本的AJAX功能,包括创建`XMLHttpRequest`对象、初始化请求、发送请求并处理响应。这些基础知识对于开发动态交互式的Web应用至关重要。随着实践经验的积累,开发者还可以进一步探索更...

    MOSS中使用Ajax步骤详解和相关资料

    2. **创建Ajax请求**:使用库提供的函数,例如jQuery的`$.ajax()`,创建一个请求到服务器端的Web服务或Page Method。定义URL、请求类型(GET或POST)、数据以及成功的回调函数。 3. **服务器端处理**:在MOSS中,你...

    AJAX安装程序 AJAX安装控件 附详细安装步骤

    本教程将详细讲解AJAX安装程序和控件的安装步骤,以帮助你更好地理解和应用AJAX技术。 一、AJAX简介 AJAX的核心是通过XMLHttpRequest对象与服务器进行异步数据交换。它并非一种全新的语言,而是利用已有的Web技术如...

    在hrml页面中创建ajax实例

    ### 二、创建Ajax实例的步骤 #### 1. 创建XMLHttpRequest对象 首先,我们需要创建一个`XMLHttpRequest`对象,这是执行Ajax请求的基础。在不同的浏览器中,创建这个对象的方式略有不同。如代码所示,我们尝试了多种...

    Moss中使用Ajax详细步骤

    在Moss中使用Ajax涉及多个步骤,从理解Ajax基础,到安装JavaScript库,创建Ajax启用的Web部件,配置Web服务,以及最后的测试和部署。这个过程可能需要一定的编程知识,但一旦设置好,它将大大提高SharePoint站点的...

    创建基于 Ajax 的 IM 客户端

    5. **创建Ajax Web页面**:使用Prototype库创建一个动态的Web页面,该页面可以自动更新,显示好友的在线状态和聊天记录。Ajax请求将被用来实时获取和发送消息,而无需刷新整个页面。 6. **实现自动更新**:通过Ajax...

    Ajax安装程序及安装步骤

    3. **编写JavaScript代码**:在JavaScript中,你可以使用`$.ajax()`(jQuery)或`XMLHttpRequest`对象来创建Ajax请求。设置请求类型(GET或POST)、URL、数据(如果需要发送数据给服务器)、成功回调函数和错误处理...

    一个个人编写的简单的Ajax实例。eclipse开发

    在Eclipse中开发Ajax,开发者可能使用了以下步骤: 1. **创建项目**: 首先,开发者会在Eclipse中创建一个新的Web项目,设置好项目结构,包括HTML、CSS和JavaScript文件。 2. **编写HTML**: HTML文件作为用户界面,...

    ajax.dll以及说明文档和demo

    提供的`说明文档`会详细阐述如何正确使用`ajax.dll`,包括安装步骤、API接口的使用方法、示例代码以及可能遇到的问题和解决方案。阅读并理解这份文档对于高效地集成和使用`ajax.dll`至关重要。 **Demo的实践意义** ...

    Ajax请求的五个步骤!!!

    ### Ajax请求的五个步骤详解 #### 一、引言 Ajax技术作为一种强大的前端技术,能够实现局部刷新网页,提升用户体验。本文将详细介绍Ajax的基本概念及其请求的五个关键步骤,并探讨在实际开发过程中可能会遇到的问题...

    VS自带AJAX框架

    在VS2005中,创建一个新的ASP.NET Web应用程序项目后,可以通过以下步骤添加AJAX支持: 1. 在解决方案资源管理器中右键点击项目,选择"添加引用",然后在.NET选项卡中找到并添加"MicrosoftAjaxLibrary"和...

    Ajax无刷新实现步骤

    ### Ajax无刷新实现步骤 #### 一、简介 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新,这意味着可以在不重新...

    ajax ajax原理 ajax代码 ajax编程 ajax学习

    Ajax的原理主要包含以下几个步骤: 1. **创建 XMLHttpRequest 对象**:这是Ajax的基础,现代浏览器通常都内置了XMLHttpRequest对象。 2. **开启一个HTTP请求**:使用XMLHttpRequest对象的`open()`方法指定请求类型...

    Ajax初学(Ajax.dll)

    2. "利用ajax.dll进行Ajax的开发.docx":这份文档可能详细介绍了如何在实际项目中使用Ajax.dll,包括如何添加引用、创建Ajax请求、处理服务器端返回的数据等步骤,是学习Ajax.dll的关键参考资料。 3. "一种开发AJAX...

    ajax树 ajax tree

    **Ajax树的实现步骤** 1. **前端准备**:编写JavaScript代码,创建事件监听器,当用户点击树节点时触发Ajax请求。 2. **发送Ajax请求**:使用XMLHttpRequest对象构造HTTP请求,指定URL(通常为J2EE服务器上的接口...

    Ajax实现helloworld!实例,eclipse+struts+Ajax初学者必看

    在IT行业中,Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下更新部分网页内容的技术,极大地提升了用户体验。这个“Ajax实现helloworld!实例”是针对初学者的一个项目,旨在帮助他们理解...

    基于ajax相册系统

    Ajax的基本工作流程包括以下几个步骤: 1. **创建XMLHttpRequest对象**:这是Ajax的基础,大多数现代浏览器都内置了这个对象,用于与服务器进行通信。 2. **初始化请求**:通过XMLHttpRequest对象的open()方法设置...

Global site tag (gtag.js) - Google Analytics