`

创建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开发步骤及代码

    (异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。 AJAX 可使因特网应用程序更小、更快,更友好。 AJAX 是一种独立于 Web 服务器软件的...

    Ajax异步请求JSon数据(图文详解)

    上一篇讲了Ajax请求数据text类型,text和html都是处理比较简答的数据,而在...1.创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js,如图: 2.如图分别编写json_ajax.html和json_ajax.php文件的编码:

    Ajax引擎 ajax请求步骤详细代码

    全写是 window.XMLHttpRequest对象,由于浏览器的版本不同,特别是老版本的IE浏览器,虽然也支持AJAX引擎,但是写法上有区别,在IE低版本中通常用 ActiveXObject对象来创建AJAX引擎。 AJAX 来自英文“Asynchronous ...

    js 实现ajax发送步骤过程详解

    js发送ajax发送,分步骤进行 ajax的核心 是XMLHttpRequest, 步骤1:创建一个对象xmlrequest,在主流的浏览器都支持new , var xmlhttp = new XMLHttpRequest() IE浏览器不支持这种方法,需要再写一个函数来创建 步骤...

    采用ajax实现的图片验证码

    实现步骤: 1、创建web工程 2、在jsp页面,编写一个请求servlet的名称"&gt; 3、编写一个servlet,在servlet中产生图形验证码 ------------------------------------------------------------ //1、给客户端作出的...

    ajax知识网络图 .xmind格式

    Ajax 作用: 后台与服务器进行少量数据交换,实现异步更新 使用步骤: 创建XMLHttpRequest对象:var xhr = new XMLHttpRequest(); 给定请求方式与请求地址:xhr.open(“get”,“www.example.com”); 发送请求:xhr....

    jQuery下的Ajax调试步骤

    第一步:在同一目录下创建ajax.html和ajax.php 第二步:编写ajax.html,注意修改文件编码为utf-8,代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Ajax&lt;/title&gt;

    PHP+Ajax实例+注释演示

    使用ajax有以下固定步骤: 1, 从页面触发Ajax的操作. 2, 定义创建XMLHttpRequest对象的方法(建立一个XMLHttpRequest对象),也是就var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//根据浏览器的不同有差异 3,...

    Ajax简单的异步交互及Ajax原生编写

    首先我们创建ajax的核心对象,由于浏览器的兼容问题我们在创建ajax核心对象的时候不得考虑其兼容问题,因为要想实现异步交互的后面步骤都基于第一步是否成功的创建了ajax核心对象. function getXhr(){ // 声明...

    httpxmlRequest+ajax+jquery+fastjson+jsp异步通讯实战案例精讲

    1.前端创建HTTPXMLRequest对象及实现步骤,后台用jsp的servlet处理数据; 2.封装HTTPXMLRequest对象,实现通用的ajax技术; 3.利用ajax技术实现登录功能; 4.利用ajax技术,返回xml格式数据并处理,实战案例是实现...

    [Ajax宝典].(美)Holzner.清晰版

    第一部分介绍了Ajax的应用,JavaScript和Ajax应用程序的创建步骤;第二部分深入讨论了各种客户端和服务器端Ajax框架,通过使用这些框架可极大地减少开发Ajax应用程序的工作量;第三部分介绍了Ajax编程涉及的相关技术...

    SharePointRESTtester:一个与Content Editor Web部件一起使用JavaScript项目,以测试SharePoint REST API调用并创建AJAX示例代码和SharePoint Designer 2013工作流步骤

    它还会创建AJAX示例代码和SharePoint Designer 2013工作流程步骤。 屏幕截图和详细的安装可以在以下位置找到: : 现在有80多个SharePoint REST API示例! (请参阅下面的列表) 使用方法: 如果您的母版页尚未...

    Ajax+js实现异步交互

    首先我们创建ajax的核心对象,由于浏览器的兼容问题我们在创建ajax核心对象的时候不得考虑其兼容问题,因为要想实现异步交互的后面步骤都基于第一步是否成功的创建了ajax核心对象. function getXhr(){ // 声明...

    面向Java开发人员的Ajax之1:构建动态的Java应用程序

    本文中将解释Ajax背后的概念,演示为基于Java的Web应用程序创建Ajax界面的基本步骤。我将使用代码示例演示让Ajax应用程序如此动态的服务器端Java代码和客户端JavaScript。最后将指出Ajax方式的一些不足,以及在创建...

    Asp.net C# Ajax基础 示例代码

    1、创建异步请求XMLHttpRequest对象 2、发送Get请求,请求Xml文件 3、解析请求结果Xml,主要是getElementsByTagName的运用 4、将结果展现到表格,针对表格删行和增行 截图和说明:...

    ajax,javascript

    简单ajax步骤 a.创建request,根据浏览器版本不同,创建不同的request对象; b.request.open("post",url,true); //打开连接,post是提交方式,如果是get方式,直接带问号。 var u = "user="+encodeURI(username);//...

    Ajax课件学习(免费)

    是创建 Ajax 应用的最佳选择。实际上通常把 Ajax 当成 XMLHttpRequest 对象的代名词. 该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向...

    ajaxQueue:轻松排队jQuery ajax请求

    这个jQuery插件创建了一种简单的方法来排队ajax请求,使它们能够按顺序执行,但仍异步运行。 当由于不安全/破坏性的POST / PUT / DELETE请求而试图处理应用程序中的竞争条件时,这可能非常有用。 例如,采取以下...

    Ajax的使用四大步骤

    第一步,创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据。 var xhttp; if (window.XMLHttpRequest) { //现代主流浏览器 xhttp = new XMLHttpRequest(); } ...

    toAjax:阻止常规表单操作并使用 AJAX 的 jQuery 插件

    对于您使用此插件的每个表单,都会发生以下步骤: 收集表单参数(动作、方法...) 对于每个字段,收集值和名称属性。 验证每个字段(如果需要且为空,请通知用户关注该字段) 将每个值和名称存储在对象中。 防止...

Global site tag (gtag.js) - Google Analytics