`
alex8946
  • 浏览: 359850 次
  • 性别: Icon_minigender_1
  • 来自: 广东广州
社区版块
存档分类
最新评论

XMLHttpRequest 简介

    博客分类:
  • Ajax
阅读更多

XMLHttpRequest 简介

要真正实现这种绚丽的奇迹,必须非常熟悉一个 JavaScript 对象,即 XMLHttpRequest。这个小小的对象实际上已经在几种浏览器中存在一段时间了,它是本专栏今后几个月中要介绍的 Web 2.0、Ajax 和大部分其他内容的核心。为了让您快速地大体了解它,下面给出将要用于该对象的很少的几个 方法和属性。

  • open():建立到服务器的新请求。
  • send():向服务器发送请求。
  • abort():退出当前请求。
  • readyState:提供当前 HTML 的就绪状态。
  • responseText:服务器返回的请求响应文本。

客户端HTML代码:

<script language="javascript" type="text/javascript">
   var xmlHttp = false;
   try {
     xmlHttp = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         xmlHttp = false;
       } 
     }
   }

   if (!xmlHttp)
     alert("Error initializing XMLHttpRequest!");

   function getCustomerInfo() {
     var phone = document.getElementById("qq").value;
     var url = "demo2.asp?qq=" + escape(phone);
     xmlHttp.open("GET", url, true);
     xmlHttp.onreadystatechange = updatePage;
     xmlHttp.send(null);
   }

   function updatePage() {
     if (xmlHttp.readyState == 4) {
   if (xmlHttp.status == 200) {
   var response = xmlHttp.responseText.split("|");
   document.getElementById("message").innerHTML = '号码是:' + response[0] + '<br>姓名是:' + response[1] + '<br>性别是:' + response[2] + '<br>职务是:' + response[3];
   alert("响应服务完成!");
   }
   else if (xmlHttp.status == 404) {
   alert('请求的网址不存在!');
   }
   else {
   alert('错误:错误代码为:' + xmlHttp.status);
   }
 }
}
</script>
<input id="qq" type="text" onchange="getCustomerInfo()" />
<div id="message">请尝试输入我的QQ号码:178010108,会看到返回的详细资料.</div>

 

服务端程序代码:

<%
Response.ContentType = "text/xml"
Response.CharSet = "GB2312"

if request("qq") = "178010108" then
response.write "178010108|阿里西西|男|ASP技术"
else
response.write "这个QQ号码是空号哦"
end if
%>

分享到:
评论

相关推荐

    0积分:XMLHTTPRequest简介

    XMLHTTPRequest简介

    XMLHTTPRequest的属性和方法简介

    对XMLHTTPRequest的调用方法、属性等做详细介绍。

    Ajax详解.rar

    1.1 XMLHttpRequest 简介 12 1.2 用 XMLHttpRequest 发送请求 18 1.3 处理服务器响应 22 第 3 部分: Ajax 中的高级请求和响应 28 1.1 深入了解 HTTP 就绪状态 29 1.2 显微镜下的响应数据 33 1.3 深入了解 ...

    XMLHttpRequest手册

    压缩包“ajax.rar”内含:“《掌握Ajax.chm》”...掌握 Ajax,第 1 部分: Ajax 入门简介 http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro1.html 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...

    掌握Ajax,第2部分:使用JavaScript和Ajax发出异步请求

    火龙果软件工程技术中心 本文内容包括:Web2.0一瞥XMLHttpRequest简介用XMLHttpRequest发送请求处理服务器响应结束语参考资料多数Web应用程序都使用请求/响应模型从服务器上获得完整的HTML页面。常常是点击一个按钮...

    [转]XMLHTTPRequest的属性和方法简介

    [转]XMLHTTPRequest的属性和方法简介

    ajax-proxy:拦截es6代理重构XMLHTTPRequest的Ajax代理

    简介 ajax-proxy是一个用ES6中代理特性实现的用于代理原生对象XMLHttpRequest的库,它可以使您从对XMLHttpRequest进行操作。 使用 安装 CDN约会 &lt; script &gt; ...

    Ajax-hook:拦截由XMLHttpRequest发出的浏览器的AJAX请求

    阿贾克斯钩原理解析: : 简介Ajax-hook是一个精巧的用于拦截浏览器XMLHttpRequest的库,它可以在XMLHttpRequest对象发起请求之前和接收响应内容之后获得处理权。通过它您可以在对请求和响应进行一些预处理。更新记录...

    Ajax入门简介2

    Ajax入门简介,XmlHttpRequest的相关知识。

    Ajax入门及原理简介

    Ajax简介及上手,内附XMLHttpRequest介绍,以及例子演示

    Ajax入门简介

    Ajax入门简介,关于XmlHttpRequest的相关知识。

    《Ajax技术简介和案例分析》(42P)

    研讨内容 Ajax原理与Web2.0 通过案例分析Ajax优缺点 ...1999年IE5.0作为一个ActiveX对象形式引入了XMLHttpRequest对象 目的是实现通过后台获取数据 其他浏览器则把它作为window对象的属性 …………

    ajax原理简介(包含例子说明)

    AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML...使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文。

    Ajax技术(电子手册) doc

    Ajax技术(电子手册) 1 第1章 Web2.0概览 1 1.1概述 1 1.2从Web1.0到Web2.0 1 ...3.5 XMLHTTPRequest 13 第4章 理解Ajax 14 4.1概述 14 4.2工作原理 14 4.3基本原则 16 4.4特性 17 4.5优势 19 4.6框架和工具包 19

    零基础学习AJAX之AJAX的简介和基础

    本节简介(异步链接服务器对象)XMLHTTPRequest以及AJAX的简介。 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)。 AJAX有四个方面的好处:1.即减轻了服务器的负担。2带来了更好的用户体验。3....

    跨域资源共享 CORS 详解

    它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 (图片说明:摄于阿联酋艾因(Al Ain)的绿洲公园) 一、简介 CORS需要浏览器和服务器同时...

Global site tag (gtag.js) - Google Analytics