javascript -Ajax基础入门 js实现ajax 步骤
qiyuwang 2024-10-21 09:41 20 浏览 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库：
相关推荐
- 基于Docker方式安装与部署Camunda流程引擎
-
1Camunda简介官网：https://docs.camunda.org/manual/7.19/installation/docker/Camunda是一个轻量级、开源且高度灵活的工作流和决策自...
- 宝塔Linux面板如何部署Java项目?（宝塔面板 linux）
-
通过宝塔面板部署Java还是很方便的，至少不需要自己输入tomcat之类的安装命令了。在部署java项目前，我还是先说下目前的系统环境，如果和我的系统环境不一样，导致部署不成功，那你可能需要去找其他资...
- 浪潮服务器如何用IPMI安装Linux系统
-
【注意事项】此处以浪潮服务器为例进行演示所需使用的软件：Chrome浏览器个人PC中需要预先安装java，推荐使用jdk-8u181-windows-x64.exe【操作步骤】1、在服务器的BIOS中...
- Centos7环境Hadoop3集群搭建（hadoop集群环境搭建实验报告）
-
由于项目需要存储历史业务数据，经过评估数据量会达到100亿以上，在原有mongodb集群和ES集群基础上，需要搭建Hbase集群进行调研，所以首先总结一下Hadoop集群的搭建过程。一、三个节点的集群...
- Hadoop高可用集群搭建及API调用（hadoop高可用原理）
-
NameNodeHA背景在Hadoop1中NameNode存在一个单点故障问题，如果NameNode所在的机器发生故障，整个集群就将不可用(Hadoop1中虽然有个SecorndaryNameNo...
- 使用Wordpress搭建一个属于自己的网站
-
现在开源的博客很多，但是考虑到wordpress对网站的seo做的很好，插件也多。并且全世界流量排名前1000万的网站有33.4%是用Wordpress搭建的！所以尝试用Wordpress搭建一个网站...
- Centos 安装 Jenkins（centos 安装ssh）
-
1、Java安装查看系统是否已安装Javayumlistinstalled|grepjava...
- Java教程:gitlab-使用入门（java中的git）
-
1导读本教程主要讲解了GitLab在项目的环境搭建和基本的使用，可以帮助大家在企业中能够自主搭建GitLab服务，并且可以GitLab中的组、权限、项目自主操作...
- Dockerfile部署Java项目（docker部署java应用）
-
1、概述本文主要会简单介绍什么是Docker，什么是Dockerfile，如何安装Docker，Dockerfile如何编写，如何通过Dockerfile安装jar包并外置yaml文件以及如何通过do...
- 如何在Eclipse中搭建Zabbix源码的调试和开发环境
-
Zabbix是一款非常优秀的企业级软件，被设计用于对数万台服务器、虚拟机和网络设备的数百万个监控项进行实时监控。Zabbix是开放源码和免费的，这就意味着当出现bug时，我们可以很方便地通过调试源码来...
- Java路径-02-Java环境配置（java环境搭建及配置教程）
-
1Window环境配置1.1下载...
- 35.Centos中安装python和web.py框架
-
文章目录前言1.Centos7python：2.Centos8python：3.进行下载web.py框架然后应用:4.安装好之后进行验证:5.总结:前言...
- 《我的世界》服务器搭建（我的世界服务器如何搭建）
-
1.CentOS7环境1.1更改YUM源#下载YUM源文件curl-o/etc/yum.repos.d/CentOS-Base.repohttps://mirrors.aliyun.com...
- CentOS 7 升级 GCC 版本（centos7.4升级7.5）
-
1.GCC工具介绍GCC编译器：...
- Linux安装Nginx详细教程（linux安装配置nginx）
-
环境准备1.因为Nginx依赖于gcc的编译环境，所以，需要安装编译环境来使Nginx能够编译起来。命令：yuminstallgcc-c++显示完毕，表示安装完成：2.Nginx的http模块需要...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 基于Docker方式安装与部署Camunda流程引擎
- 宝塔Linux面板如何部署Java项目?（宝塔面板 linux）
- 浪潮服务器如何用IPMI安装Linux系统
- Centos7环境Hadoop3集群搭建（hadoop集群环境搭建实验报告）
- Hadoop高可用集群搭建及API调用（hadoop高可用原理）
- 使用Wordpress搭建一个属于自己的网站
- Centos 安装 Jenkins（centos 安装ssh）
- Java教程:gitlab-使用入门（java中的git）
- Dockerfile部署Java项目（docker部署java应用）
- 如何在Eclipse中搭建Zabbix源码的调试和开发环境
- 标签列表
-
- 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)