JavaScript的AJAX

AJAX简介

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。

AJAX的实现

var xhr=new XMLHttpRequest()//创建AJAX对象
xhr.open("请求方式","请求的url","是否异步")//建立连接  
xhr.onreadystatechange=function(){//获取AJAX状态
	if(xhr.readyState==4&& xhr.status==200){//readyState==4并且status状态码等于200的时候获取成功
		var res = xhr.responseText;//定义res接收响应主体
		console.log(res)//打印响应主体
	}
}
xhr.send()//传递请求主体

AJAX实现中
xhr.open中的请求方式分为post和get 如果是post 请求的参数应该在xhr.send中定义 如果是get xhr.send不写参数 请求的参数在url后拼接
xhr.open中的是否异步的值为true或false 可以省略 默认值是true 异步

在jQuery中实现AJAX

发送get请求

$get(url,data,callback,type)

url:请求地址
data:传入参数
callback:回调函数 回调函数小括号中接收返回的数据
type:期盼返回的数据格式 要加双引号""

例子

$get("./demo-php",{username="张三"},function(res){
	console.log(res)
},"json")

发送post请求

$post(url,data,callback,type)

url:请求地址
data:传入参数
callback:回调函数 回调函数小括号中接收返回的数据
type:期盼返回的数据格式 要加双引号""
例子

$post("./demo-php",{username="张三"},function(res){
	console.log(res)
},"json")

发送AJAX请求

 $ajax({
            url:"请求路径" ,
            type:"post/get",
            data:{"请求参数"},
            success:function (res) {
                console.log(res)
            },
            error:function (a,b,c) {
                console.log("出现错误")
            },
            dataType:"json"//获取格式
        });

$.ajax中data是传入的参数 是一个对象可传多个参数
$.ajax中success是请求成功时的回调函数 小括号中res参数接收返回的数据
$.ajax中error是请求失败时的回调函数 小括号中有三个参数 第一个参数a代表ajax对象 第二个参数b代表错误 第三个参数c是错误描述