Ajax学习

Ajax概述

Ajax全称: Asynchronous JavaScript and XML (异步的JavaScript和XML)
Ajax不是某种编程言语,是一种在无需从头加载整个网页的状况之下能够更新部分网页的技能。
运用ajax技能的网页,经过在后台跟服务器进行少数的数据交换,网页就能够完结异步部分更新。

Ajax运用解析

首要实例化一个 XMLHttpRequest目标
var request = new XMLHttpRequest();
IE5,IE6怎么完结,需求判别一下

示例代码


var request;
if(window.XMLHttpRequest) {
	request = new XMLHttpRequest();  //ie7+, FireFox, Chrome, Opera, Safari...
}else {
	request = new ActiveXObject("Microsoft.XMLHTTP");  //IE6,IE5
}

HTTP恳求

http是计算机经过网络进行通讯的规矩,使浏览器向服务器恳求信息和服务

HTTP是一种无状况协议 (不树立耐久的衔接,服务端不保存相关的衔接信息)

一个完好的HTTP恳求进程,一般有下面7个过程:


	1.树立TCP衔接
	2.Web浏览器向Web服务器发送恳求指令
	3.Web浏览器发送恳求头信息
	4.Web服务器应对
	5.Web服务器发送应对头信息
	6.Web服务器向浏览器发送数据
	7.Web服务器封闭TCP衔接

一个HTTP恳求一般由四部分组成:


	1.HTTP恳求的办法或动作,比如是GET仍是POST恳求
	2.正在恳求的URL
	3.恳求头,包括一些客户端环境信息,身份验证信息等
	4.恳求体,也便是恳求正文,恳求的正文能够包括客户提交的查询字符串信息,表单信息等等

GET

GET: 一般用于信息获取 运用URL传递参数

对所发送信息的数量也有约束,一般在2000个字符

POST

PSOT: 一般用于修正服务器的资源

对所发送信息的数量无约束

一个HTTP呼应一般由三部分组成:


	1.一个数字和文字组成的状况码,用来显现恳求成功仍是失利
	2.呼应头,呼应头也和恳求头相同包括许多有用的信息 例如:	服务器类型、日期时刻、内容类型和长度等
	3.呼应体,也便是呼应正文。

XMLHttpRequest发送恳求

示例代码


	open(method, url, async)
	send(string)

	request.open("GET", "get.php", true);
	request.send();

	request("POST", "create.php", ttrue);
	request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	request.send("name=Aseoe&sex=男");

XMLHttpRequest取得呼应

responseText:取得字符串方式的呼应数据
responseXML: 取得XML方式的呼应数据
status和statusText:以数字和文本方式回来HTTP状况码
getALLResponseHeader():获取一切的呼应报头
getResponseHeader():查询呼应中的某个字段的值

readyStatus特点

0: 恳求未初始化,open还没有调用

1: 服务器衔接已树立,open现已调用了

2: 恳求已接纳,也便是接纳到头信息了

3: 恳求处理中,也便是接纳到呼应主体了

4: 恳求已完结,且呼应已安排妥当,也便是呼应完结了

示例代码


var request = new XMLHttpRequest();
	request.open("GET", "get.php", true);
	request.send();
	request.onreadystatechange = function() {
		if(request.readyState===4&&request.status===200) {
			request.responseText//做一些工作
		}
	}

Ajax事例

ajax简略事例,仅供参考学习。更多事例请移步【爱思资源网】主页查找

JS - Ajax事例


检查作用    下载事例

jQuery - Ajax事例


fun88    下载事例

JSON - AJAx事例


检查作用    下载事例

你或许会想了解

1. JSON入门学习 >>> 【快速学习
2. jQuery Ajax学习 >>> 【快速学习
3. Ajax 跨域问题 >>> 【快速学习
4. Ajax 技能原理 >>> 【快速学习

重视爱思资源网 了解WebBETWAY登录开发最新动态

【官网】: www.nucmc.com

【论坛】: bbs.nucmc.com

【问答】: ask.nucmc.com

【QQ群】: 42148738 []