ajax的交互流程有哪几步

青灯夜游
发布: 2022-01-19 17:46:52
原创
5371人浏览过
ajax交互流程的步骤:1、创建XMLHttpRequest对象;2、规定请求的类型、URL以及是否异步处理请求;3、设置发送信息至服务器时的内容编码类型;4、发送请求;5、接受服务器响应数据;6、使用JS和DOM实现局部刷新。

ajax的交互流程有哪几步

本教程操作环境: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 实现局部刷新 

清程爱画
清程爱画

AI图像与视频生成平台,拥有超丰富的工作流社区和多种图像生成模式。

清程爱画 170
查看详情 清程爱画

扩展知识: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中文网其它相关文章!

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号