javascript -Ajax基础入门 js实现ajax 步骤
qiyuwang 2024-10-21 09:41 16 浏览 0 评论
1. 什么是Ajax ?
a) 无刷新的数据读取；
2. 关于浏览器缓存：
a) 缓存机制：根据地址来缓存，同样地址只读一次；
b) 解决缓存困扰：在文件名后加上一个时间戳参数；保存每次读取文件的路径都不一样，这样浏览器就不会去缓存中拿而去读新的；
3. Ajax请求动态数据：
a) 请求JSON文件；
b) Ajax 从服务器上所读取的所有东西都是以文本的形式存在的；
c) eval的使用，将返回的string转换成arr,或json;
d) 配合DOM使用；
4. eval_r(str):
a) 接受一个字符串作为参数，这个字符串里面可以放任何JS代码；
b) eval可以计算字符串里的值；
5. Ajax的原理：
a) HTTP 请求：
i. GET方式：安全性低、容量小，但便于分享，更适合获取数据；（如： 浏览帖子）
ii. POST方法：更适合上传数据；（如：用户注册）
iii. Get方式会缓存，因为要从服务器上读东西；Post方式不会缓存东西的；
6. Ajax请求服务器数据的4个步骤：
a) 创建一个Ajax对象 （买个手机）；
i. 非IE6 ： new XMLHttpRequest();
ii. IE6 : new ActiveXObject("Microsoft XMLHTTP");
b) 连接服务器（拨号）；
c) 发送请求，告诉服务器要什么（说话）；
d) 接收返回值（听）；
7. Ajax对象创建的兼容处理：
a) 用if (window.XMLHttpRequest) 取代if (XMLHttpRequest)
b) 原理：
i. 用一个不存在的变量： 出错；
ii. 用一个不存在的属性：undefined；
8. Ajax连接服务器：
a) oAjax.open(方法，url, 是否为异步bool);
b) 方法：大多用”Get”;
c) 同步与异步：
i. 同步：任何两件事不能一块儿做；
ii. 异步： 多件事儿可以一起进行；Ajax天生就该工作在异步模式下的；
9. Ajax发送请求：
a) oAjax.send();
10.Ajax接收服务器的返回信息：
a) oAjax.onreadystatechange 事件：
i. 它类似于window.onload;
ii. 用来监控请求状态；
iii. 是当客户端和服务器那边有通信发生或有状态变化的时候会来调用；
iv. 客户端和服务器的通信不是一步就完成的；
v. oAjax.readyState属性：告诉我们客户端和服务器的通信发生到哪一步了； 4 代表完成；
vi. oAjax.readyState == 4 ， 只代表完成，不代表成功；
vii. oAjax.status == 200 ， 代表成功；
viii. oAjax.status , 400多是客户端错误， 500多是服务器错误， 300多是重定向；
ix. oAjax.responseText , 就是取得服务器发回的内容；
11.编写Ajax库：
相关推荐
- 你真的会用Word画线吗?（word画线技巧）
-
【你真的会用Word画线吗？】①输入三个“=”回车，是一条双直线；②输入三个“”，回车，就是一条波浪线；③输入三个“”回车，就是一条虚线；④输入三个“-”，回车，就是一条细直线.....新技能get√...
- 「干货」Word技巧知识——进阶篇(2)
-
Hello,大家好，我是无拘无束的分享知识，每天跟大家分享点有用的知识，话不多说。感兴趣的朋友可以点赞、关注、收藏哦。1.将word文档中的硬回车全部消除从事来稿阅读、编辑的工作者，最头痛的事就是打...
- 办公室人员必备! Word快捷键大全（办公中常用的快捷键）
-
【Word里超简单的画线方法！】简历、总结里文字太多怎么办？用线条分隔！Word画线秘籍：①输三个"="回车，是一条双直线②输三个"~"回车，是一条波浪线③输三个"-"回车，就是一条细直线。（来源...
- Word笔记大全(详细步骤)（word怎么写笔记）
-
字处理一、文档的基本操作1.打开/新建2.快速新建ctrl+n3.利用模板创建文件--新建--选择模板officeplus4.保存5.保护文件--信息--保护文档--限制编辑--对话框：勾选每一项...
- 如何删除word文档空白页?（怎么删除word里的空白页?）
-
在日常办公或学习中，我们经常会遇到Word文档中出现空白页的情况，这不仅影响文档的美观，还可能造成打印浪费。下面，我将为大家详细介绍如何在Office和WPS中的Word里轻松删除这些恼人的空白页。...
- Win11学院:如何在Windows 11装机时禁用BitLocker磁盘加密
-
IT之家5月7日消息，微软计划在Windows1124H2装机过程默认启用BitLocker加密，对于用户来说有两方面的影响：其一是影响硬盘的性能，其二是用户如果没有解密密钥，可能...
- 办公小技巧:Word“安全模式”用通透
-
大家都知道Windows的安全模式。其实，Word也有安全模式。那么，Word的安全模式又是什么？何时使用这种模式？使用这种模式有何限制？当Word运行中遇到问题需要启用安全模式运行时，如何按照软件给...
- 段落结束敲回车，下一段格式变样了怎么处理#每天学习一点点
-
段落换行后的格式发生变化。段落结束敲回车键，下一段格式变样了怎么处理？大家有时候遇到文章敲回车键，在下一段打字之后会发现这一段的样子就会和之前的段落不一样，当然可以调整一下或者用格式刷刷一下，但是稍微...
- 硬回车、软回车等介绍（硬回车键和软回车键）
-
1.硬回车：硬回车占两个字节，在word中敲击Enter键即可输入硬回车，硬回车是真正的段落标记，在两个硬回车之间的文字自成一个段落。代码是^p（小写）。2.软回车：用Shift+Enter产...
- Word里超简单的画线方法!（word中如何画线条）
-
小厅分享【Word里超简单的画线方法！】简历、总结里文字太多怎么办？用线条分隔！Word画线秘籍：①输三个"="回车，是一条双直线②输三个"~"回车，是一条波浪线③输三个"-"回车，就是一条细直线...
- Word 如何更改图片、删除与删除背景，勾选图片等问题
-
如果插入到Word文档中的图片想另外换一张，更换方法有两种，一种是把原图删除另外插入一张，另一种是直接更换图片。Word2016提供了更改图片的功能，用此功能更换图片会自动把原图删除，就像...
- Word中批量删除空行(多种方案)（批量删除word中的空行）
-
如下图，在Word文档中存在大量空行（回车），为了文档整洁，需要批量取消这些回车；方法一Ctrl+h，在查找内容中输入”^p^p”，在替换为输入”^p”，单击全部替换即可（^符号在英文输入法下按Shi...
- Word文档如何取消自动编号?（word文档如何取消自动编号功能）
-
在word文档中，当我们编辑有序号的文本内容时，word会自动识别给文本编号，如果直接删除序号再按回车键，序号又会自动填充。但有时候我们并不需要它自动编号或不喜欢它的编号格式，如何才能取消word自动...
- 最全的Word知识点，抓紧时间收藏起来
-
Word知识点1.1word工作界面Word2010的窗口组成∶窗口分标题栏、菜单栏、常用工具栏、格式工具栏、标尺、编辑区滚动条、状态栏、任务窗格。1.标题栏∶显示所编辑的文档名和程序名称。单击标题...
- Word中的页眉横线就是删不掉?其实按下这个键，1秒就能去除
-
不知道大家在用Word的同时，有没有遇到过难删除的页眉横线呢？以前小编就是遇到这条横线，不得已将里面的文字复制到一个新的文档中，如今终于知道该怎样删除这条横线了，下面我们就来看看删除方法。一、删除页眉...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- navicat无法连接mysql服务器 (65)
- 下横线怎么打 (71)
- flash插件怎么安装 (60)
- lol体验服怎么进 (66)
- ae插件怎么安装 (62)
- yum卸载 (75)
- .key文件 (63)
- cad一打开就致命错误是怎么回事 (61)
- rpm文件怎么安装 (66)
- linux取消挂载 (81)
- ie代理配置错误 (61)
- ajax error (67)
- centos7 重启网络 (67)
- centos6下载 (58)
- mysql 外网访问权限 (69)
- centos查看内核版本 (61)
- ps错误16 (66)
- nodejs读取json文件 (64)
- centos7 1810 (59)
- 加载com加载项时运行错误 (67)
- php打乱数组顺序 (68)
- cad安装失败怎么解决 (58)
- 因文件头错误而不能打开怎么解决 (68)
- js判断字符串为空 (62)
- centos查看端口 (64)