2017.11.28笔记

Ajax简介 
在过去，我们在网页中刷新页面内容，需要重新从服务器获取新的页面。

Ajax的出现，揭开了无刷新更新页面的新时代。

Ajax优势 
优秀的用户体验：Ajax最大的有点是能在不刷新整个页面的前提下更新数据，这使得Web应用能迅速的回应用户的操作。 
提高Web程序的性能：在传统模式中，数据提交是通过表单来实现的，而数据的获取则需要全页面刷新来获取整页内容。Ajax可以不刷新整个页面，按需提交数据给服务器，并接收服务器返回，然后通过dom操作，按需刷新页面的一部分。 
减轻服务器和带宽的负担：Ajax的工作原理相当于在用户和服务器之间加了一个中间层，使用户操作与服务器响应异步化。把传统方式下的一些服务器负担的工作转移到了客户端。 
传统架构 

Ajax架构

jquery中的ajax

.ajax()方法 ajax()方法是jQuery最底层的Ajax实现。

结构：$.ajax(options)

options参数是一个对象：

options参数名称 说明 
url 发送请求的地址 
type 请求方式 
timeout 请求超时时间（毫秒） 
data 发送到服务器的数据 
datatype 预期服务器返回的数据类型 
complete 完成后调用的回调函数 
success 请求成功后调用的回调函数 
跨域问题 
什么是跨域？ 
跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。 
所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子： 
http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域） 
http://www.123.com/index.html 调用 http://www.456.com/server.php （主域名不同:123/456，跨域） 
http://abc.123.com/index.html 调用 http://def.123.com/server.php （子域名不同:abc/def，跨域） 
跨域问题一般可以在后台解决。 
也可以使用jsonp方式解决跨域问题，但是也需要后台接口支持JSONP格式。