ajax
ajax技术的目的是让JS发送HTTP请求,与后台通信,获取数据和信息.
ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信.
XMLHTTP:跨域加载数据不会出现跨域的安全提示信息问题.
ajax通信的过程不会影响后续JS的执行,从而实现异步.
同步和异步
异步:同时做几件事情
同步:指的是做完一件事后再做另外一件事.
局部刷新和无刷新
ajax可以时间局部刷新,也叫做无刷新,无刷新指的是整个页面不刷新.只是局部刷新.ajax可以自己发送http请求,不用通过浏览器的地址栏,所以页面整体不会刷新.ajax获取到后台数据,更新页面显示数据的部分,就做到了页面局部刷新
数据接口
数据接口是后台程序提供的,它是一个url地址,访问这个地址,会对数据进行增\删\改\查的操作,最终会返回json格式的数据或者操作信息,格式也可以是text\xml等.
常用参数:
1\url请求地址
2\type请求方式,默认是'GET',常用的还有'POST'
3\dataType设置返回的数据格式,常用的是'json'格式,也可以设置为'html'
4\data设置发送给服务器的数据.
5\success设置 请求成功后的回调函数
6\error设置请求失败后的回调函数
7\async 设置是否异步,默认值是'true',表示异步
以前的写法
$.ajax({
url:,
type:'GET',
dataType:'json',设置返回的数据格式
data:设置发送给服务器的数据
success:function(dat){},
error:function(){}
})
新的写法
$.ajax({
url:,
type:'GET',
dataType:'josn',
data:
}).done(){
}.fail(){
}
简写方式
$.get("/change_data",{"code":300268},function(dat){
alert(dat.name);
});请求成功的回调函数没有请求失败的
$.post("/change_data",{'code':300268},function(dat){
alert(dat.name)
});请求成功的 没有请求失败的
同源策源
ajax请求的页面或资源只能是同一个域下面的资源,不能是其他域的资源,这是在设计ajax时基于安全的考虑.
JSON
请求内部的text , html
JSONP
ajax只能请求同一个域下的数据或资源,有时候需要跨域请求数据,就需要用到jsonp技术,jsonp可以跨域请求数据,它的原理主要是利用了<script>标签可以跨域链接资源的特性.jsonp和ajax原理完全不一样,不过jquery将他们封装成一个函数
请求外部的:跨域
jsonp原理,
一般ajax数据接口和jsonp数据接口的区别
开发返回数据的接口,如果是一般的ajax接口,让接口直接返回json格式的数据字符串就可以了,这种接口的数据是不能跨域请求的,如果要跨域请求数据,需要开发jsonp的接口,开放Jsonp的接口,需要获取请求地址中的参数,也就是callback键对应的值,然后将这个值和json数据拼装成一个函数调用的形式的字符串返回,就完成了jsonp的接口,这个键值对是由$.ajax函数自动产生的.
