ajax-review

Ajax运行方式

页面》请求》ajax：Xmlhttprequest》http请求》服务器反还的数据》json，xml，html，字符串》响应ajax》

XHR=Xmlhttprequest 可扩展超文本传输请求

Xml 可扩展性语言

Http 超文本传输协议

Request 请求

后台语言

php，asp，jsp，vb，c++，java

get：

从指定的资源请求数据

GET请求可以被缓存

GET请求保留在浏览器历史中

GET请求有长度限制   

 

GET方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。

 

 

post：

向指定的资源提交要被处理的数据

POST请求不会被缓存

POST请求不会被保留在浏览器

POST请求对数据长度没有要求

 

 

wwwh

what why when how

get

	$('username').onkeyup = function() {
		var xhr = getXHR();
		var url = '/mycheckName.php?time=' + new Date() + '&name=' + $('username').value;
		xhr.open('GET', url, true);
		xhr.send(null);
		xhr.onreadystatechange = function() {
			if (xhr.readyState == 4) {
				if (xhr.status == 200) {
					$('inf').innerHTML = xhr.responseText;
				}
			}
		}
	}

post

	$('username').onkeyup = function() {
		var xhr = getXHR();
		var url = "/mycheckName_post.php";
		var data = "name=" + $('username').value;
		xhr.open("POST", url, true);
		xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		xhr.send(data);
		xhr.onreadystatechange = function() {
			if (xhr.readyState == 4) {
				if (xhr.status == 200) {
					$('inf').innerHTML = xhr.responseText;
				}
			}
		}
	}