作者信息
视频教程分类
推荐视频教程
  • 千万级数据并发解决方案(理论+实战)千万级数据并发解决方案(理论+实战)
  • Laravel基础与实战Laravel基础与实战
  • UNI-APP开发(仿饿了么)UNI-APP开发(仿饿了么)
  • ThinkPHP6开发CMS系统ThinkPHP6开发CMS系统
  • 首页 >web前端 >前端问答 > 正文

    ajax的交互流程有哪几步

    原创2022-01-19 17:46:521245 关注公众号:每天精选资源文章推送

    ajax交互流程的步骤:1、创建XMLHttpRequest对象;2、规定请求的类型、URL以及是否异步处理请求;3、设置发送信息至服务器时的内容编码类型;4、发送请求;5、接受服务器响应数据;6、使用JS和DOM实现局部刷新。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    AJAX代表异步JavaScript和XML。它是一组用于异步显示数据的相关技术。换句话说,它在不重新加载网页的情况下发送和检索数据。

    ajax交互流程的步骤

    1、创建 XMLHttpRequest 对象

    var ajax = new XMLHttpRequest();

    2、规定请求的类型、URL 以及是否异步处理请求。

    ajax.open('GET',url,true);

    3、设置发送信息至服务器时的内容编码类型

    ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    4、发送请求

    ajax.send(null);

    5、接受服务器响应数据

    ajax.onreadystatechange = function () {
        if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) { 
        }
    };

    6、使用 JavaScript 和 DOM 实现局部刷新

    扩展知识:ajax几种请求方式?

    常用的post、get、delete。不常用copy、head、link等等。

    区别:

    (1)post比get安全 (因为post参数在请求体中。get参数在url上面)

    (2)get传输速度比post快 根据传参决定的。(post通过请求体传参,后台通过数据流接收。速度稍微慢一些。而get通过url传参可以直接获取)

    (3)post传输文件大理论没有限制 get传输文件小大概7-8k ie4k左右

    (4)get获取数据 post上传数据(上传的数据比较多 而且上传数据都是重要数据。所以不论在安全性还是数据量级 post是最好的选择)

    【相关教程推荐:AJAX视频教程

    以上就是ajax的交互流程有哪几步的详细内容,更多请关注php中文网其它相关文章!

    高并发千万级数据库系统解决方案

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:ajax 交互流程
  • 相关文章

    相关视频


    专题推荐