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
原文地址:https://www.cnblogs.com/qinlinkun/p/10521397.html