ajax打印状态码_Ajax学习

训练大纲(第046天)

大家如果想快速有效的学习&＃xff0c;思想核心是“以建立知识体系为核心”&＃xff0c;具体方法是“守破离”。确保老师课堂上做的操作&＃xff0c;反复练习直到熟练。

第97次(AJAX)

学习主题&＃xff1a;AJAX

学习目标&＃xff1a;

1 掌握 AJAX访问原理

2 掌握 AJAX 编写步骤

对应视频:

http://www.itbaizhan.cn/course/id/85.html

对应文档:

无

对应作业

1. 删除用户功能实现

根据视频中的讲解&＃xff0c;完成以下内容

(1) 简述删除功能的基本思路流程

1、点击删除&＃xff0c;发送请求到DataServlet(要删除的用户ID以及方法名)

2、服务器接收到删除请求后&＃xff0c;调用DataServlet的指定的方法&＃xff0c;完成用户删除

3、响应用户删除成功给浏览器

(2) 独立完成删除按钮的创建以及删除请求路径的修改

(3) 完成删除功能的Servlet的实现

2. 删除用户信息和问题说明

(1) 删除用户信息和问题说明

在删除成功后&＃xff0c;响应内容会将请求页面的所有的内容覆盖显示新的响应内容。但是我们希望 在保留当前请求页信息的基础上显示新的内容。解决&＃xff1a;使用ajax

(2) 什么是当前请求页&＃xff1f;

当前请求页&＃xff1a;指的不一定是浏览器中一个标签页&＃xff0c;一般frameset标签中的划分区域&＃xff0c;都是单独的。如果某个区域发起了请求&＃xff0c;则该区域可以称为当前请求页。

3. ajax介绍&ajax的访问原理

(1) 视频中ajax的特点是&＃xff1f;

实现网页的局部刷新

(2) 根据视频总结ajax的基本原理

1、创建ajax引擎对象

2、声明监听函数

//判断ajax状态码

//判断响应状态码

//获取响应信息(普通字符串和json格式的字符串)

//处理响应

3、创建并发送ajax请求

创建请求(设置请求方式&＃xff0c;设置请求地址&＃xff0c;设置异步或者同步)

发送请求

4、其他处理

(3) 使用画图软件根据视频画出视频中的ajax访问原理图。

(4) 非ajax和ajax方式比较&第一个ajax请求

(5) 视频中创建Ajax对象的代码是&＃xff1f;

(6) 视频中创建ajax请求的代码是&＃xff1f;

(7) 视频中发送ajax请求的代码是&＃xff1f;

(8) 视频中声明ajax监听的代码是&＃xff1f;

4. ajax的状态码学习

(1) 视频中讲解的Ajax的状态码及其含义是?

(2) 根据视频&＃xff0c;编写ajax程序&＃xff0c;在onreadystatechange中打印ajax的状态码&＃xff1f;。

分享/讲解/扩展思考

点名提问从第一节课到最后一节课分别学到了什么&＃xff0c;直到同学们把所有的知识点都说出来并且保证无误。

第98次&＃xff08;AJAX&＃xff09;

学习主题&＃xff1a;AJAX

学习目标&＃xff1a;

1 掌握AJAX的get和post请求

2 掌握AJAX返回json数据 js处理json数据

3 掌握Jquery中的AJAX

对应视频:

http://www.itbaizhan.cn/course/id/85.html

对应文档:

无

对应作业

5. ajax之响应状态码

(1) 视频中讲解的ajax的响应状态码的属性是?

(2) 根据视频讲解判断ajax的响应状态码完善ajax代码。

6. ajax之异步和同步

(1) 根据视频讲解说出你对ajax异步和同步的理解?

Ajax返回之前不需要调用其中数据选择异步反之同步

(2) 根据视频讲解&＃xff0c;动手在servlet中让请求线程睡一会儿&＃xff0c;然后修改ajax代码的异步同步&＃xff0c;观察异步和同步的执行效果。

已修改

7. ajax异步同步总结和ajax的get请求和ajax的post请求

(1) 视频中创建ajax.open的总结内容是?

主要就是两个请求方式的使用区别

(2) ajax的get请求如何附带请求数据。

(3) ajax的post请求如何附带请求数据。

8. ajax响应数据问题及json学习

(1) 视频中明确的ajax使用流程是?

(2) 根据视频讲解为什么需要json格式响应数据&＃xff0c;说出你的理解&＃xff1f;

服务器响应给浏览器的数据应该是字符串类型&＃xff0c;但是如果数据量比较大&＃xff0c;我们就需要在服务器端将数据拼接成一个良好格式的字符串数据&＃xff0c;响应给浏览器。浏览器根据格式进行数据的解析和使用

(3) ajax获取响应数据的代码是&＃xff1f;

(4) json数据的格式是什么&＃xff1f;

(5) json的作用是什么

在服务器端将要响应的数据拼接成json格式的字符串&＃xff0c;这样客户端(浏览器端)在接收到响应数据后&＃xff0c;可以使用eval方法将json格式的字符串数据直接转换为对应的js对象&＃xff0c;便于数据的操作。我们可以在服务器端使用类似Gson的工具包完成json格式字符串的拼接。

9. 使用josn格式完成数据响应

(1) 视频中在后台手动拼接的User对象的json字符串是?

(2) eval方法的作用是什么&＃xff1f;

我们可以在服务器端使用类似Gson的工具包完成json格式字符串的拼接。

(3) 视频中使用eval方法将json字符串转换对js对象的代码是&＃xff1f;

(4) gson包的作用是什么&＃xff1f;使用哪个方法可以将Java对象转换为对应的json字符串

自动转换json对象

10. ajax之用户名校验ajax代码(1)

(1) 视频中实现用户名校验的思路是什么&＃xff1f;

用户书写用户名信息&＃xff0c;在失去焦点时进行用户校验

失去焦点发送请求到服务器&＃xff0c;服务器根据用户名去数据库查询数据

将校验结果返回给客户端

在当前页面&＃xff0c;显示提示语

11. ajax之用户名校验后台代码完成(2)

(1) 根据视频完成用户名校验功能。

12. 封装自己的ajax

(1) 为什么要封装ajax代码。

方便快速创建ajax对象和是使用

(2) 封装的思想是什么&＃xff1f;

相同保留&＃xff0c;不同传参

(3) 视频中请求方式的封装内容是&＃xff1f;

统一的请求方法和格式

(4) 视频中封装的deal200的原理是什么&＃xff1f;

自己返参再进行处理

13. jQuery中的ajax学习(1)

(1) 使用jQuery中的ajax第一步是什么&＃xff1f;

导入响应的jar包

(2) jQuery中get方式的ajax的基本使用格式是&＃xff1f;

$.get(url,data,fn)

$.post(rul,data,fn)

$.ajax(json形式参数)

(3) $.get的参数及作用

数据

(4) $.get和$.post的区别是什么&＃xff1f;

请求方式不一样

14. jQuery中的ajax学习(2)

$.ajax设置请求方式&＃xff0c;设置请求参数&＃xff0c;设置同步异步&＃xff0c;设置回调函数的属性分别是&＃xff1f; type url data async complete

分享/讲解/扩展思考

点名提问从第一节课到最后一节课分别学到了什么&＃xff0c;直到同学们把所有的知识点都说出来并且保证无误。