ajax是指一种建立交互式网页应用的开发技术,改善用户体验,实现无刷效果。web
优势:不须要插件的支持,优秀的用户体验,提升web程序性能,减轻服务器和带宽的负担ajax
缺点:破环浏览器的“前进”,“后退”按钮的正常功能,是能够经过简单的插件弥补json
代码:跨域
var xhr=new XMLHttpRequest()浏览器
var url="https://home.firefoxchina.cn"//要请求的地址服务器
xhr.open('get',url,true)网络
xhr.onreadystatechange=function(){cors
if(xhr.readyState===4&&xhr.status===200){性能
var data=JSON.parse(xhr.responseText).result.data;jsonp
console.log(data); for(var i=0;i<data.length;i++){ //条件体 } }
xhr.send();
}
跨域是指不一样域名之间的访问。
实现:
(1)JSONP跨域:利用script脚本容许引用不一样下域下的js实现的,将回调方法带入服务器,返回结果时
回调。
(2)跨域资源共享(cors)
跨域资源共享是一种网络浏览器的技术规范它为web服务器定义一种方式,容许网页从不一样的域访问其资源
cors与jsonp相比
a,JSONP只能实现get请求,而cors支持全部类型的http请求。
b,使用CORS,开发者能够使用普通的XMLHttpRequest发起请求和得到数据,比起JSONP有更好的错误处理
c,JSONP主要被老的浏览器支持,他们每每不支持CORS,而绝大多数现代浏览器都已经支持了CORS