AJAX个人整理

AJAX

一.概念

​ ajax是用于异步交互的，在整体页面不刷新的情况，更新想要的数据信息

二.工作原理

​ 根本类 XMLHttpRequest（前端和服务器交互）

var a=new XMLHttpRequest();
a.open(url,method, )//url:访问路径，method:请求方式（get或post）,第三个true或false，异步同步
a.send()//post要在括号中填参数

​ XMLHttpRequest相关函数

​ responseText() 获取返回值

​ onreadystatechange 用于状态发生变化时运行的函数（如提交后，会返回失败或成功之类）

​ readyState 当改变时会触发onreadystatechange事件

    0: 请求未初始化
    1: 服务器连接已建立
    2: 请求已接收
    3: 请求处理中
    4: 请求已完成，且响应已就绪

​ status 状态码

实例

var ajax=new XMLHttpRequest()
ajax.onreadystatechange=function(){
	if(ajax.readyState==4 && ajax.status==200 )
        alert(ajax.responseText())
}  
a.open("/hell","get",true)
a.send()

三.创建语句

1. $.ajax

   常用参数

   • url：访问地址
   • data：输入参数一般用于post，get会自动配置的url后面
   • dataType：返回的类型
   • success：返回成功后调用函数
   • error：返回失败后调用函数
   • type：发送参数的形式（get，post）

   实例

   $.ajax(
   	url:"hello",
       type:"get",
       data:{"aa":"bb"},
       dataType:"",
       success:function(data){
           alert(data);
       }
   )
   

2. $.get() 对ajax的封装，使用get形式

   常用参数

   • url：访问地址
   • data：输入参数
   • dataType：返回的类型
   • function(data,status,xhr)

3. $.post() 对ajax的封装，使用post形式

   a常用参数

   • url：访问地址
   • data：输入参数
   • dataType：返回的类型
   • function(data,status,xhr)