Ajax发送异步请求(四步操作)
1.第一步(得到XMLHttpRequest)
*ajax其实只需要学习一个对象:XMLHttpRequest,如果掌握了它,就掌握了ajax!!
*得到XMLHttpRequest
>大多数浏览器都支持:var xmlHttp = new XMLHttpRequest();
>IE6.0: var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
>IE5.5以及更早版本:var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
*编写创建XMLHttpRequest对象的函数
function createXMLHttpRequest(){
try{
return new XMLHttpRequest();
} catch(e){
try{
return new ActiveXObject("Msxml2.XMLHTTP);
}catch(e){
try{
return new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
alert("请问你用的什么浏览器?");
throw e;
}
}
}
}
2.第二步:(打开与服务器的连接)
* xmlHttp.opne():用来打开与服务器的连接,它需要三个参数
>请求方式:可以是GET 或 POST
>请求的URL:指定服务器端资源,例如:/Ajax/AServlet
* xmlHttp.open("GET","/Ajax/AServlet",true);
3.第三步,(发送请求)‘
* xmlHttp.send(null):如果不给可能会造成那部份浏览器无法发送!
>参数:就是请求体内容!如果是GET请求,必须给出null。
4.第四步
*在xmlHttp对象的一个事件上注册监听器:onreadystatechange
*XMLHttp对象一共有5个状态
>0 : 刚创建,还没有调用open()方法
>1 :请求开始,调用了open()方法,但还没有调用send()方法
>2 : 调用完了send()方法了
>3 : 服务器已经开始响应,但不表示响应结束了
>4 :服务器响应结束!
*得到xmlHttp对象的状态
>var state = xmlHttp.readyState; //可能是0,1,2,3,4
*得到服务器响应的状态码
>var status = xmlHttp.status; //例如为 200,404,500
*得到服务器响应内容
>var content = xmlHttp.responseText;//得到服务器的响应的文本格式的内容
>var content = xmlHttp.responseXML;//得到服务器的响应的xml响应的内容
Ajax发送异步请求(四步操作)的更多相关文章
- AJAX发送异步请求教程详解
		
AJAX 一.AJAX简介 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可 ...
 - AJAX的来龙去脉(由来)-如何被封装出来的--ajax发送异步请求(四步操作)
		
<黑马程序员_超全面的JavaWeb视频教程vedio\JavaWeb视频教程_day23_ajax> \JavaWeb视频教程_day23_ajax\day23ajax_avi\14.打 ...
 - JQ+AJAX 发送异步请求
		
1. load() ; 作用:通过ajax 请求从服务器加载数据,并添加到符合要求的节点上 用法:$node.load(请求地址,请求参数) 请求参数写法: --"username=admi ...
 - ajax发送异步请求
		
一:得到XMLHttpRequest对象 ajax其实只需要学习XMLHttpRequest一个对象 大多数浏览器都支持: var xmlHttp = new XMLHttprequest(); IE ...
 - 使用AJAX技术发送异步请求,HTTP服务端推送
		
使用AJAX技术发送异步请求 什么是AJAX AJAX指一步Javascript和XML(Asynchronous JavaScript And XML),它是一些列技术的组合,简单来说AJAX基于X ...
 - 16 react  发送异步请求获取数据 和 使用Redux-thunk中间件进行 ajax 请求发送
		
1.发送异步请求获取数据 1.引入 axios ( 使用 yarn add axios 进行安装 ) import axios from 'axios'; 2. 模拟 在元素完成挂载后加载数据 并初始 ...
 - 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
		
转http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...
 - Ajax发送POST请求SpringMVC页面跳转失败
		
问题描述:因为使用的是SpringMVC框架,所以想使用ModelAndView进行页面跳转.思路是发送POST请求,然后controller层中直接返回相应ModelAndView,但是这种方法不可 ...
 - 使用Ajax发送http请求(get&post请求)
		
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 同步和异步 同步和异步的概念 同步:必须等待前面的任务完成,才能继续后面 ...
 
随机推荐
- 用JS控制video暂停再播放
			
模块就是用来进行封装,进行高内聚 低耦合的功能.其实各人认为ng2 的模块和.net的工程类似,如果要使用模块中定义的功能,第一步就是必须要引用它,ng2 中叫import 导入.那么我们看模块是否有 ...
 - Debian普通用户获取root权限|sudo的安装与配置
			
Debian系统的普通用户需要安装软件时,往往会收到“Permission denied”的提示,这时候需要root权限.那么如何在不登陆超级管理员账户的前提下拥有root权限呢?对于大多数Linux ...
 - js中substr,substring,indexOf,lastIndexOf,split 的用法
			
1.substr substr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png";alert ...
 - Ext.Net 学习随笔 002 默认按钮
			
在FormPanel中按回车按键,会触发默认按钮的click事件.设置方法为在FormPanel中设置DefaultButton属性,如果没有设置这个属性,默认为最后一个按钮. 1.缺省最后一个按钮为 ...
 - java中的反射,知道类名创建类,还可以设置私有属性的值
			
刚刚学到了反射,感觉反射的功能好强大,所以想写篇博客记录下自己的学习成果. 利用反射来创建对象. Class c1=Class.forName("test.Person");//通 ...
 - 终极解决maya渲染层丢材质,变线框等问题
			
终极解决maya渲染层丢材质,变线框等问题 相信有很多同志在使用maya做灯光渲染的时候,经常能遇到渲染层的模型丢材质.变线框等问题,特别恶心.我也经常遇到,所以和大家分享一下我的解决或尽量避免的方法 ...
 - Oracle Hints详解
			
在向大家详细介绍Oracle Hints之前,首先让大家了解下Oracle Hints是什么,然后全面介绍Oracle Hints,希望对大家有用.基于代价的优化器是很聪明的,在绝大多数情况下它会选择 ...
 - cookie欺骗
			
1.什么是cookie欺骗改变cookie的值,发给服务器,就是cookie欺骗.正常情况下,受浏览器的内部cookie机制所限,每个cookie只能被它的原服务器所访问,我们操作不了原服务器. 2. ...
 - node.js环境安装,及连接mongodb测试
			
1.node.js环境安装 npm config set python python2.7npm config set msvs_version 2013npm config set registry ...
 - IDEA Generating project in Batch mode
			
Idea 设置 -DarchetypeCatalog=internal 然后再执行 : Archetype repository not defined. Using the one from [or ...