任务一:Aax表单验证 让教学更简单,让∏学习更有效 Ajax向服务器发送请求 在使用GET方式传递中文参数时,要使用 JavaScript中的 encodeURIComponent0函数 将中文字符换成十六进制形式,防止在某些浏 览器(如浏览器)中中文乱码的问题 补充 回
任务一：Ajax表单验证 让IT教学更简单，让IT学习更有效 Ajax向服务器发送请求 在使用GET方式传递中文参数时，要使用 JavaScript中的encodeURIComponent()函数 将中文字符换成十六进制形式，防止在某些浏 览器（如IE浏览器）中中文乱码的问题 补充
任务一:Aax表单验证 让教学更简单,让∏学习更有效 什么是Ajax 2、Ajax对象的创建 3、Ajax向服务器发送请求 4、Ajax接收服务器返回的信息 引入知识点 5、XML数据格式 回
让IT教学更简单，让IT学习更有效 引 入 知 识 点 任务一：Ajax表单验证 1、什么是Ajax 2、Ajax对象的创建 3、Ajax向服务器发送请求 4、Ajax接收服务器返回的信息 5、XML数据格式
任务一:Aax表单验证 让教学更简单,让∏学习更有效 Ajax接收服务器返回的信息 (1) readyState属性 readyState属性用于返回Aax的当前状态,状态值有5种形式 状态值 说明 0(未初始化)对象已建立,但是尚未初始化(尚未调用open方法) 1(初始化)对象已建立,尚未调用send方法 2(发送数据)send方法已调用,但是当前的状态及HTP头未知 3(数据传送中)已接收部分数据,因为响应及HITP头不全,这时通过 IresponseBody和 responseText获取部分数据会出现错误 4(完成) 数据接收完毕,此时可以通过 responseBody和 response Text,取完整的回应 9 起
任务一：Ajax表单验证 让IT教学更简单，让IT学习更有效 Ajax接收服务器返回的信息 （1）readyState属性 readyState属性用于返回Ajax的当前状态，状态值有5种形式。 状态值 说明 0（未初始化） 对象已建立，但是尚未初始化（尚未调用open方法） 1（初始化） 对象已建立，尚未调用send方法 2（发送数据） send方法已调用，但是当前的状态及HTTP头未知 3（数据传送中） 已接收部分数据，因为响应及HTTP头不全，这时通过responseBody和 responseText获取部分数据会出现错误 4（完成） 数据接收完毕，此时可以通过responseBody和responseText获取完整的回应
任务一:Aax表单验证 让教学更简单,让∏学习更有效 Ajax接收服务器返回的信息 (2) onreadystatechange属性 onreadystatechange事件属性用于感知 readyState属性状态的改变。 为了大家更好的理解这两个属性的使用,下面创建一个服务器端的文件 index. php,用于输出字符串,然后在浏览器端 index. htm中向服务器端发 送请求,并在控制台输出状态值。 回
任务一：Ajax表单验证 让IT教学更简单，让IT学习更有效 Ajax接收服务器返回的信息 （2）onreadystatechange属性 onreadystatechange事件属性用于感知readyState属性状态的改变。 为了大家更好的理解这两个属性的使用，下面创建一个服务器端的文件 index.php，用于输出字符串，然后在浏览器端index.html中向服务器端发 送请求，并在控制台输出状态值
任务一:Aax表单验证 让教学更简单,让∏学习更有效 Ajax接收服务器返回的信息 (2) onreadystatechange属性 index. html <script> 主流浏器创建Aax对象 ar xhr new XmlHttpReqUesto; /感知jax状态的改变 xhr. onreadystatechange=function(t index. php /输出Ajax当前的状态值 <?php console. log(xhr. readystate) echo" testing.…"; 创建一个新的TP请求 Xhr. open("ge /index. php"); 向服务器端发送新建的TP请求 xhr. send (null) </script> 回
任务一：Ajax表单验证 让IT教学更简单，让IT学习更有效 Ajax接收服务器返回的信息 （2）onreadystatechange属性 index.php index.html