一、AJAX简介

1、Asynchronous JavaScript And XML指异步 JavaScript 及 XML

2、老技术新用法。是基于JavaScript、XML、HTML、CSS新用法

二、同步和异步（理解）

三、第一个异步请求案例（熟悉编码步骤）

四、XmlHttpRequest（JS）对象详解（重点）

1、创建XmlHttpRequest对象

不同浏览器，设置相同浏览器的版本，创建该对象的方式是不同的。

解决办法：

a、从w3cshool的文档中拷贝。

b、将来：用jQuery等框架

2、XmlHttpRequest对象的属性

a、readyState：short只读

标识着当前的请求状态

0：XmlHttpRequest对象被创建了。此时为0

1：建立与服务器的链接，但是请求还没有发出去。此时为1。open(),send()还没有执行。

2：发出了请求，但是服务器没有任何响应。此时为2

3：接收到了服务器的响应，接收到了服务器发出的响应消息头时，此时3.

4：接收到了服务器发送的响应正文，响应结束。此时为4

b、status：代表着响应状态码

c、statusText：响应码描述

d、responseText：字符串类型。代表着响应正文内容，把他当做文本对待

e、responseXML：Document。代表着响应正文内容，把他当做一个Document对象。（DOM）

3、XmlHttpRequest的方法

a、getAllResponseHeaders():返回的是所有的响应消息头。是一个字符串。

b、getResponseHeader(var headerName):返回指定响应消息头的值。是一个字符串。

c、open(var method,var url,boolean isAnsy):建立连接。

method，请求方式

url，请求的地址

isAnsy，同步还是异步。默认是true，就是异步。

d、send(var data):向服务器发送请求正文。如果是get请求，请求传入null.

如果是post请求：data="username=abc&password=123"

e、setRequestHeader(var headerName,var headerValue):向服务器发送请求消息头。

4、XmlHttpRequest的状态监听器

onreadystatechange，指向是一个函数。回调函数。

何时触发执行，每次XHR对象的readyState发生变化都会触发。

一般写法：

xhr.onreadystatechange=function(){

if(xhr.readyState==4){

if(xhr.status==200){

//JS之DOM、BOM编程

}

Ajax学习总结+案例相关推荐

我的AJAX 学习系列文章
我最近学习AJAX 的笔记 AJAX 学习笔记[一] 简单的异步通信示例 AJAX 学习笔记[二] 我编写的AJAX 测试代码示例 AJAX 学习笔记[三] get 与post 模式的区别 AJAX ...
ajax 学习第四天
ajax 学习第四天文章目录 ajax 学习第四天 1. 同源策略 1.1 同源 1.2 同源策略 2. 跨域 2.1 跨域拦截 2.2 实现跨域数据请求 3. JSONP 3.1 JSONP 实现 ...
asp.net的Ajax学习进阶
asp.net的Ajax学习进阶作者:清清月儿主页:http://blog.csdn.net/21aspnet/ 时间:2007.6.3 1.什么是Ajax? 2006年忽如 ...
ajax请求返回json实例,Jquery Ajax 学习实例2 向页面发出请求返回JSon格式数据
一.AjaxJson.aspx 处理业务数据,产生JSon数据,供JqueryRequest.aspx调用,代码如下: protected void Page_Load(object sender, ...
Vue学习小案例--分页组件封装
文章目录 Vue学习小案例--分页组件封装修改成Vue(使用组件) Vue学习小案例–分页组件封装 index.html <!DOCTYPE html> <html lang=&q ...
ajax post 没有返回_Ajax异步技术之三：jQuery中的ajax学习
jQuery中的Ajax学习: jQuery是js的一个轻量型框架,已经将js创建的操作进行了封装,而ajax也是js的一部分,所以jQuery也已经将ajax进行了封装. 封装: $.get(url ...
Ajax学习日志（三）—— 如何传递get请求参数
Ajax入门(三) 一.如何传递get请求参数 1.1) 在app.js创建新路由 1.2) 在public文件夹新建一个html文件 1.3)运行一.如何传递get请求参数 1.1) 在app.j ...
JavaWeb-----Ajax异步请求 json对象服务器如何返回json数据使用ajax完成一个案例
1. 回顾 1. servlet的生命周期: 2. filter: 过滤放行和拦截一些资源.比如:黑白名单,登录校验,编码设置等. (1)创建一个类并实现Filter接口以及重写接口的抽象方法 ...
深度学习实战案例：电影评论二分类
第一个深度学习实战案例:电影评论分类公众号:机器学习杂货店作者:Peter 编辑:Peter 大家好,我是Peter~ 这里是机器学习杂货店 Machine Learning Grocery~ 本 ...

Ajax学习总结+案例