美文网首页
原生的Ajax

原生的Ajax

作者: 二狗的小仙女 | 来源:发表于2017-06-11 22:16 被阅读0次

    ajax(asynchronous javascript ang xml)异步得javascript和xml,ajax并不是一门新技术 而是多种技术的组合(html,css,xml,js),用于快速的创建动态页面,能够实现无刷新更新数据从而提高了用于体验。

                  ajax原理:由客户端请求ajax引擎,由ajax引擎请求服务器,服务器做出一系列的响应之后将结果返回的ajax     引擎,由ajax引擎决定将这个结果写入到和客户端的什么位置,从而实现了页面的无刷新更新的数据。

                    原生ajax的步骤:

              1.创建XMLHttpRequest对象

                2.设置连接信息

                3.发送数据,与服务器开始交互

            发送数据:

  (0)XMLHttpRequest对象未完成初始化                       (1)XMLHttpRequest对象开始发送请求                       (2)XMLHttpRequest对象的请求发送完成                       (3)XMLHttpRequest对象开始读取响应                       (4)XMLHttpRequest对象读取响应结束

        4.设置回调函数(当状态值发生改变时触发的事件)

          常见的状态码:

          200 服务器正确返回响应

          404 请求的资源不存在

          500 服务器内部错误

          403  没有访问权限

    ajax的好处:

            1.能够减轻服务器的负担

          2.页面无刷新更新

      ajax的缺点:               不利于seo搜索引擎的优化

相关文章

  • js和jq的ajax调用

    原生ajax jQuery的ajax

  • Ajax

    标签: Ajax 正文 一、实现一个原生Ajax 二、Ajax状态 三、将原生的 ajax 封装成 promise

  • html5的ajax学习(三)

    一.原生的ajax封装 原生的ajax的调用 二.jquery的ajax 2.1 jquery的语法 三. fun...

  • 原生ajax和jquery中的ajax

    原生的ajax请求方法: jquery中的ajax:

  • [转]JS原生Ajax代码示例

    文章来源: JS原生Ajax和jQuery的Ajax与代码示例 -- 苏凯勇往直前 JS原生的Ajax其实就是围绕...

  • 前后端交互

    1 前后端交互模式 1.1接口调用方式: 原生AJAX 基于JQuery的AJAX fetch axios 原生的...

  • ajax

    原生ajax配置详解 对ajax简单封装 调用

  • Ajax Axios

    关于Ajax兼容性问题 前端原生Ajax(get方式),后端使用node.js 前后端代码: 前端原生Ajax(p...

  • ajax封装

    原生ajax封装

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

网友评论

      本文标题:原生的Ajax

      本文链接:https://www.haomeiwen.com/subject/hudkqxtx.html