十一月二十七日课堂笔记

Ajax简介

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

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

Ajax优势
优秀的用户体验：Ajax最大的有点是能在不刷新整个页面的前提下更新数据，这使得Web应用能迅速的回应用户的操作。
提高Web程序的性能：在传统模式中，数据提交是通过表单来实现的，而数据的获取则需要全页面刷新来获取整页内容。Ajax可以不刷新整个页面，按需提交数据给服务器，并接收服务器返回，然后通过dom操作，按需刷新页面的一部分。
减轻服务器和带宽的负担：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格式。