一.Ajax概述
1.什么同步,什么是异步?
同步现象:客户端发送请求到服务端,当服务端返回响应之前,客户端都处于等待
卡死状态
异步现象:客户端发送请求到服务端,无论是服务器是否返回响应,客户端都可以随意
做其他事情,不会卡死
2.Ajax的运行原理
页面发送请求,请求发给浏览器内核中的Ajax引擎,Ajax引擎会提交请求到服务器
在这段时间里,客户端可以任意进行任意操作,知道服务器端将数据返回给Ajax引擎后
会触发你设置的时间,从而执行自定义的js的逻辑操作完成某种页面功能
二.Jquery的Ajax技术
JQuery是一个优秀的js框架,自然对js原生的Ajax进行了封装,封装后的Ajax的操作方法更加简洁,
功能更加强大,与Ajax操作相关的jQuery方法有如下几种,但是在开发中经常使用的有三种
第一种自动默认异步
1.第一种 get
$(等同于Jquery).get(url, [data], [callback], [type])
url待载入页面的URL地址
data (可选)Map待发送 Key/value 参数。
callback (可选)Function载入成功时回调函数。
type (可选)String返回内容格式,xml, html, script, json, text, _default。
2.第二种 post
$(等同于Jquery).post(url, [data], [callback], [type])
url待载入页面的URL地址
data (可选)Map待发送 Key/value 参数。
callback (可选)Function载入成功时回调函数。
type (可选)String返回内容格式,xml, html, script, json, text, _default。
3.第三种
$(等同于Jquery).ajax(option1:value,option2:value...)
常用的option有
async:是否异步,默认是true代表异步
data:发送到服务器的参数,建议使用json格式
dataType:服务器端的返回数据类型,常用Text和json
success:成功响应执行的函数,对应的类型是function
error:失败响应执行的函数,对应的类型是function
type:请求方式,POST/GET
url:请求服务端地址
例子:
$.ajax({
url:"/javaweb22_ajax和json/ajaxServle2",
async:true,
type:"POST",
success:function(data){
alert(data.name);
},
error:function(data){
alert("请求失败");
},
dataType:true
});
一.Ajax概述 二.Jquery的Ajax技术
最新推荐文章于 2022-05-12 18:03:10 发布