1. Ajax
1.1 概述
1.1.1 介绍
1.1.2 Ajax原理介绍
1)同步:
当用户发起请求时,如果这时服务器正忙,那么用户处于等待的状态,同时不可以做其他的操作.
2)异步:
当用户发起请求时,如果遇到服务器正忙,这时用户可以继续执行后续的操作.同时通过回调函数与服务器沟通.
3)Ajax异步原理
3.1)常规同步的调用方式:
3.2)Ajax异步调用:
1.2 Ajax的种类
1.2.1 get请求
/**
* $.get(url地址,提交数据,回调函数,返回值类型)
*/
$.get("/访问地址",function(result){
}
1.2.2 post请求
1.2.3 $.ajax类型
1.2.4 补充
1)getJSON类型:
2)带参数的请求:
2.1)字符串拼接
/**
* 参数说明:
* 语法: key=value&key2=value2....
* 例如: id=1&name=tom
*
*/
$.get("/findAjaxUser",'id=1&name=tom',function(result){
console.log("ajax请求成功!!!")
})
2.2)JS对象
/**
* 参数说明:
* 语法: {key:value,key2:value2.....}
* 例如: {id:1,name='tom'}
*
*/
$.get("/findAjaxUser",{id:1,name='tom'},function(result){
console.log("ajax请求成功!!!")
})
通过chrom控制台检验
1.3 请求类型说明
1.3.1 get请求
1.会将参数通过?号的形式进行拼接. http://localhost:8090/findUser?id=1&password=123456
2.get请求会将所有的参数动态的拼接到URL中,相对不安全.
3.Get请求不适用于大量的数据提交,各大的浏览器对于Get请求一般都是有上限的.
1.3.2 POST请求
1.POST请求将所有的参数都会进行form的封装.
2.如果需要传递海量的数据,则首选POST
3.POST的请求使用form进行封装,相对于GET请求更加的安全.