第15周第1次课(Ajax应用)

9.3 请求类型
2. POST请求
POST请求，通常用于向服务器发送应该被保存的数据。 POST请求的主体可以包含非常多的数据，格式不限。 POST提交数据时，向send方法中传入数据。
Contents
目
Ajax简介 Ajax分析 请求类型 JavaScript库实现Ajax应用
改正自我，提高自我
状态 未初始化
加载中 已加载 交互 完成
解释 还没有调用对象的open方法 还没有调用send方法 已调用send方法，服务器响应头已接受完成 服务器响应体正在加载中，但未加载完成 服务器响应内容已经加载完成，响应体的内容可以通过 XMLHttpRequest对象的responseText属性获取到
9.2 Ajax分析
2. XMLHttpRequest实例的用法
XMLHttpRequest对象的readyState属性，表示XMLHttpRequest对象的状态。 readyState属性的变化，触发XMLHttpRequest对象的onrea 1 2 3 4
9.2 Ajax分析
3. XMLHttpRequest示例
Contents
目
Ajax简介 Ajax分析 请求类型 JavaScript库实现Ajax应用
9.3 请求类型
1. GET请求
GET是最常见的请求类型，最常用于向服务器查询某些信息。 当发送的GET请求需要向服务器传递数据，可以讲查询字符串参数追加到URL的末尾。
在学习和工作中，看到自己 的缺点和不足，要敢于改正 自己，提高自己，塑造一个 更加优秀的自己
9.4 JavaScript库实现Ajax应用
1. jQuery实现Ajax应用
jQuery库提供了load方法，从服务器加载数据，并把返回的数据放入被选元素中。
9.4 JavaScript库实现Ajax应用
7. 由 JavaScript 执行正确的动作（比如更新页面）
Contents
目
Ajax简介 Ajax分析 请求类型 JavaScript库实现Ajax应用
9.2 Ajax分析
1. XMLHttpRequest实例对象
Ajax技术的核心是对XMLHttpRequest对象的调用。通过JavaScript使用XMLHttpRequest 对象进行的所有服务器通信。
妈妈做家务：烧水、做早餐 同步：先烧水，等水开后，再做早餐 异步：烧水的同时，做早餐，水开了，去灌水，再做早餐
要换位思考，体验 到父母的不易
9.2 Ajax分析
2. XMLHttpRequest实例的用法
XMLHttpRequest对象需要调用的第二个方法是send()方法，用于发送请求。
body：请求主体。如果没有请求主体，body的值为null；如果有请求主体，则将请求主体的数 据放在body位置。
Ajax应用
Contents
目
Ajax简介 Ajax分析 请求类型 JavaScript库实现Ajax应用
9.1 Ajax简介
1. Ajax
常规的Web应用在运行时需要经常性的刷新整个页面。用户在页面上做出一项选 择或者输入一些数据，浏览器把这些信息发送给服务器，服务器根据用户的操作 返回一个新的页面，即使用户只是对服务器做了一次简单的数据访问，服务器也 需要返回一个全新的页面。
Ajax是浏览器与服务器的通信技术 通过Ajax，可以实现：
无需刷新整个页面，便可更新网页 在页面加载后从服务器请求数据 在页面加载后从服务器接收数据 在后台向服务器发送数据
9.1 Ajax简介
2. Ajax如何工作
1. 网页中发生一个事件（页面加载、按钮点击） 2. 由 JavaScript 创建 XMLHttpRequest 对象 3. XMLHttpRequest 对象向 web 服务器发送请求 4. 服务器处理该请求 5. 服务器将响应发送回网页 6. 由 JavaScript 读取响应
创建XMLHttpRequest对象
9.2 Ajax分析
2. XMLHttpRequest实例的用法
XMLHttpRequest对象需要调用的第一个方法是open()，打开链接，启用一个请求已备发送
第一个参数：要发送的请求类型（GET、POST） 第二个参数：请求的URL 第三个参数：请求是同步或者是异步操作，一般设置为true
1. jQuery实现Ajax应用
jQuery库提供了一个功能完整的全局函数ajax()，通过指定的输入参数可以实现任 何类型的Ajax请求发送和解析任何类型的服务器响应数据。