ajax的交互流程是什么

发布时间:2022-01-20 09:18:12 作者:小新
来源:亿速云 阅读:154

这篇“ajax的交互流程是什么”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“ajax的交互流程是什么”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。

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的交互流程是什么”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. Python Flask前后端Ajax交互的方法示例
  2. RPC的消息交互流程是怎样的

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ajax

上一篇:vue中的ajax一般放在什么生命周期中

下一篇:css中stringify方法怎么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》