Ajax

AJAX,即A*synchronous Javascript And XML*,可实现无刷新状态更新页面及异步提交

优点:

  • 莫欲插件支持
  • 用户体验极佳
  • 晋级Web程序性能
  • 减轻服务器和宽带的负担

缺点:

  • 腾飞后退按钮被弄坏
  • 搜寻引擎的支撑非敷
  • 开调试工具缺乏

联机和异步

  • 共同:也不怕是得一致起一宗事做,等前同桩做扫尾了才会召开生一致件事
  • 异步:不待等到前一模一样起事开扫尾,可多业与做

JQuery对AJAX进行了三叠封装

  最底部:封装了基础Ajax一些操作;

    • 全局方法:$.ajax()
      • 付给的多寡以data中,用post方式提交,提交数据须用”{}”包裹,以”key:value”的款式提交
      • 交给全体表单时,可采用表单序列化”serialize()”,提交全体表单
      • decodeURIComponent():解序列化的多少
      • encodeURIComponent():将数据序列化,serialize()也是调整用这个方法进行序列化
      • serializeArray():表单转化为json形式
      • $.ajaxSetup():初始化$.ajax()的数码,用于设定$.ajax()对象的默认值

  第二层:封装了jQuery的Ajax;

    • 局部方法:.load(url,data,callback)
      • 比符合静态文件的异步获取
    • 全局方法:$.get(url,data,callback,type),$.post(url,data,callback,type)
      • 而采取以及动态文件异步获取

  第三层:封装了get;

    • 全局方法:$.getJSON,$.getScript

加载请求

  $(document).ajaxStart(function):请求开始时,触发的措施

  $(document).ajaxStop(function):请求了时,触发的方式

JSON和JSONP

  当dataType为JSON时,无法跨域获取数据,要于加加域名背后长”?callback=”才能够落实跨域名调用数码。当dataType为JSONP时,可径直促成跨域获取数据。

JQXHR对象

  jQuery
jqXHR对象的特性与方

相关文章