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

猜你喜欢

转载自blog.csdn.net/wangjianxin1234/article/details/79716171