文档章节

创建 XMLHttpRequest对象

贝克街的亡灵sf
 贝克街的亡灵sf
发布于 2016/06/20 13:22
字数 329
阅读 11
收藏 0

以支持多种浏览器的方式创建 XMLHttpRequest对象(跨越所有 Ajax 应用程序的公共线程
) * Web 2.0 *
  
var xmlHttp = false;
try {
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  try {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
    xmlHttp = false;
  }
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
}

Ajax 世界中的请求/响应
1、从 Web 表单中获取需要的数据。 
2、建立要连接的 URL。 
3、打开到服务器的连接。 
4、设置服务器在完成后要运行的函数。 
5、发送请求。 

发出 Ajax 请求

function callServer() {

  var city = document.getElementById("city").value;
  var state = document.getElementById("state").value;

  if ((city == null) || (city == "")) return;
  if ((state == null) || (state == "")) return;


  var url = "/scripts/getZipCode.php?city=" + escape(city) + "&state=" +
escape(state);   //escape()转义字符,如空格为%20

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

  xmlHttp.onreadystatechange = updatePage;

  xmlHttp.send(null);
}


处理响应

现在要面对服务器的响应了。现在只要知道两点:
·什么也不要做,直到 xmlHttp.readyState 属性的值等于 4(就绪状态)。 
·服务器将把响应填充到 xmlHttp.responseText 属性中。


处理服务器响应

function updatePage() {
  if (xmlHttp.readyState == 4) {
    var response = xmlHttp.responseText;
    document.getElementById("zipCode").value = response;
  }
}


XMLHttpRequest 方法及属性(请求/响应有关):

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


RdpUtil.getParentTab().getFrame().

© 著作权归作者所有

贝克街的亡灵sf
粉丝 2
博文 42
码字总数 21597
作品 0
松江
程序员
私信 提问
XMLHttpRequest对象的创建

首先先介绍一下XMLHttpRequest对象,我们都知道Ajax它并不是单单一门技术,而是几种技术的融合。XMLHttpRequest是Ajax技术体系中最为核心的技术,如果没有XMLHttpRequest,Ajax的其余技术就无...

邵鸿鑫
2014/11/04
0
0
Ajax里的 XMLHttpRequest对象

XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始。 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequ...

颜凤娇
2014/01/08
0
0
XMLHttpRequest对象如何兼容各浏览器使用?

什么是 XMLHttpRequest 对象? XMLHttpRequest 对象用于在后台与服务器交换数据。 XMLHttpRequest 对象是开发者的梦想,因为您能够: 在不重新加载页面的情况下更新网页 在页面已加载后从服务...

斯武丶风晴
2015/09/15
111
0
Javascript与Ajax

一、XMLHttpRequest 对象 (XHR) XMLHttpRequest 对象用于在后台与服务器交换数据,有了这个对象,我们可以: 在不重新加载页面的情况下更新网页; 在页面已加载后从服务器请求数据; 在页面已...

张超杰1
2014/01/15
0
0
第108天:Ajax中XMLHttpRequest详解

在Ajax应用程序中,XmlHttpRequest对象负责将用户信息以异步通信地发送到服务器端,并接收服务器返回的响应信息和数据。 XMLHttpRequest可以提供不重新加载页面的情况下更新网页,在页面加载...

半指温柔乐
2017/12/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Hadoop集群搭建-05安装配置YARN

Hadoop集群搭建-04安装配置HDFS Hadoop集群搭建-03编译安装hadoop Hadoop集群搭建-02安装配置Zookeeper Hadoop集群搭建-01前期准备 先保证集群5台虚拟机, nn1 nn2 s1 s2 s3 hadoop 是 是 是 ...

虚拟世界的懒猫
今天
9
0
聊聊spring cloud的ConsulServiceRegistry

序 本文主要研究一下spring cloud的ConsulServiceRegistry ServiceRegistry spring-cloud-commons-2.1.2.RELEASE-sources.jar!/org/springframework/cloud/client/serviceregistry/ServiceR......

go4it
昨天
8
0
Nextjs 学习 —— hooks

22

lemos
昨天
6
0
如何在spring mvc restful接口中定制化类型转换和格式化

1.痛点 最近小胖哥搞了个小程序,有几个spring mvc 接口传递了时间,时间用java 8 time 相关的api 来直接接收: 当使用根据ISO 8601格式化的参数向任何这些方法发送POST请求时,报出了如下异...

码农小胖哥
昨天
19
0
docker日志监控

日志处理机制 我们先来了解一下docker日志处理的机制,当启动一个容器的时候,它其实是docker daemon的一个子进程,docker daemon可以拿到你容器里面进程的标准输出,拿到标准输出后,它会通...

爱宝贝丶
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部