有关ajax的理解；

Posted 2021-02-12 你的亏亏

jQuery是javascript封装的一个库，里面封装了一些便于我们使用的方法，同时还有$.ajax()的一些理解需要我们更加深入了解

ajax简介：

实现后台与前台交互的功能或方法就叫做ajax；ajax的优势就在于不用刷新页面直接修改网页内容，或更改局部的内容；

ajax的请求方式有两种：get/post;

ajax的本质就是xmlHttpRequest对象，控制台输出这个对象，这个对象上有三个属性：

（1）readyState  请求的五个阶段 0 1 2 3 4

（2）responseText  返回的文件内容

（3）Status  状态吗  返回的状态信息

在对象上__proto__上有三个方法：

（1）open()  给后台发送请求（get/post,同步异步，请求地址）

（2）send()  发送

（3）onreadystatechange() 服务器响应 （如果发送成功则对返回的数据进行处理）

Jquery $.ajax():

1. load( url, [data], [callback] ) ：从服务器加载数据，并把返回的数据放置到指定的元素中，当一个网站有许多页面，但是头部和尾部都一样，可以使用load，节省开发效率

load传参：是以post方式发送的php后台用post接收或request接收

2. get 所有参数：

url:载入页面的地址  

data:向服务器发送的数据（键值对）

success：成功后的回调函数

datatype：返回的内容的数据形式

3. post 所有参数：

url:载入页面的地址  

data:向服务器发送的数据（键值对）

success：成功后的回调函数

datatype：返回的内容的数据形式

4. ajax 所有参数：

url：请求地址

type：请求方式（GET/POST）

data：要发送的数据

async：同步异步（true/false）

beforsend：发送请求前执行的函数（全局）

success：发送成功之后的回调函数（全局）

error：失败之后执行的回调函数（全局）

jsonp：jsonp格式使用jsonp形式调用函数，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数

跨域ajax   解决跨域

靠标签身上的src属性解决跨域的问题，利用script标签的src属性去请求外部的数据

看网络地址 关键单词 cb和callback