jQuery学习笔记——Ajax

Ajax

什么是Ajax

async javascript and xml
异步的javascript和xml
用途：用于浏览器与后台服务进行异步交互（传递信息）

特点

不会导致页面全局刷新可直接进行与后台的交互。
交互需要在“查看元素–>网络”监控

使用方式

XMLHttpRequest
1.1、实例化

var xhr = new XMLHttpRequest();

1.2、设置请求

xhr.open(method,url); //method请求的方式 url为请求的东西

1.3、设置头信息

xhr.responseType ="json" //自动转换为js对象
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')；

1.4、设置体信息

xhr.send(data);

注：在method为post时，需要

2、设置监听

xhr.onreadystatechange = function(){
				this.readyState	// 	1 2 3 4 
				this.status			// 	200 404 500
				this.response		//	响应信息
			}

例如：

xhr.onreadystatechange = function(){
				if(this.readyState === 4 ){
					if(this.status === 200){
						console.log(this.response);
					} else {
						console.log("error:",this.response);
					}
				} 
			}