1、什么是同步?什么是异步?
同步:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待卡死状态;
异步:客户端发送请求到服务器端,无论服务器是否放回响应,客户端都可以随意做其他事情,不会被卡死。
2、Ajax的运行原理
页面发起请求,会将请求发送给浏览器内核中的Ajax引擎,Ajax引擎会提交请求到服务器端,在这段时间里,客户端可以任意进行操作,直到服务器端将数据返回给Ajax引擎后,会触发你设置的事件,从而执行自定义的js逻辑代码完成某种页面功能。
3、js原生的Ajax技术
实现步骤:
1)创建Ajax引擎对象;
2)为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎)
3)绑定提交地址
4)发送请求
5)接收响应数据
总结原生的ajax:所有异步访问都是ajax引擎
4、json的数据格式
json是一种与语言无关的数据交换的格式,作用:使用ajax进行前后台数据交换
移动端与服务端的数据交换
对象格式:{"key1":obj,"key2":obj,"key3":obj……}
数组格式:[obj,obj.obj……]
注意:对象格式和数据格式可以相互嵌套
json的key是字符串,json的value是object
json是js的原生内容,也就意味着js可以直接取出json对象中的数据
5、jQuery的get和post方式
$.get(url,[data],[callback],[type]}
$.post(url,[data],[callback],[type]}
url:代表请求的服务器端地址
data:代表请求服务器端的数据(可以是key=value形式也可以是json格式)
callback:表示服务器端成功响应所触发的函数(只有正常成功返回才执行)
type:表示服务器端返回的数据类型(jQuery会根据指定的类型自动类型转换)
常用的返回类型:text.json.html等
jquery.parseJSON(json):接受一个JSON字符串,返回解析后的对象。传入一个畸形的JSON字符串会抛出一个异常
json畸形的字符串: {text:1}
{'text':1}
如果什么都不传入,或者一个空字符串、null或undefined,parseJSON都会返回null
注意:jQuery中的post提交方式是不需要设置编码,其会被自行转换
get就需要自己设置编码,在传入参数的时候设置:request.setCharacterEncoding("UTF-8");
返回参数:response.setContentType("text/html;charset=UTF-8");
6、jQuery的ajax方法
$.ajax({option1:value1,option2:value2……}
常用的option有如下:
async:是否异步,默认是true代表异步
data:发送到服务器端的参数,建议使用json格式
dataType:服务器端返回的数据类型,常用text和json
success:成功响应执行的函数,对应的类型是function类型
type:请求方式,POST/GET
url:请求服务器端地址
function fn3(){
$.ajax({
url:"/WEB22/ajaxServlet3",
async:true,
type:"POST",
data:{"name":"lucy","age":23},
dataType:"json",
success:function(data){
alert(data.name);
},
error:function(){
alert("请求失败")
}
});
}