• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    浅谈Ajax相关及其优缺点

    AJAX,即Asynchronous 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对象的属性和方法

    以上所述就是本文的全部内容了,希望大家能够喜欢。

    您可能感兴趣的文章:
    • ajax原理总结附简单实例及其优点
    • 浅析Ajax的 原理及优缺点
    • 聊一聊Ajax的优缺点
    • js jquery ajax的几种用法总结(及优缺点介绍)
    • 简述Ajax的优点与缺点
    上一篇:Ajax详解及其案例分析
    下一篇:ajax读取properties资源文件数据的方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    浅谈Ajax相关及其优缺点 浅谈,Ajax,相关,及其,优缺点,