3月27日 笔记

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施加的安全限制。