使用ajax将数据显示在指定位置

使用ajax将数据显示在指定位置_AJAX学习主题之一

学习主题：AJAX

删除用户功能实现

根据视频中的讲解，完成以下内容

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

点击按钮获取当前元素中的用户uid，向服务器发起请求，将uid提交到服务器删除指定用户，浏览器获取浏览器响应结果。

1. 独立完成删除按钮的创建以及删除请求路径的修改
2. 完成删除功能的Servlet的实现
删除用户信息和问题说明
1. 删除用户信息和问题说明
2. 什么是当前请求页？

当前请求不一定指整个浏览器窗口，而是指当前请求对网页数据进行造成修改的作用域。

ajax介绍&ajax的访问原理
1. 视频中ajax的特点是？

不会覆盖之前的响应结果，只会部分刷新网页信息。

1. 根据视频总结ajax的基本原理

ajax对象向服务器发送请求，浏览器获取响应结果并不会直接显示浏览器窗口，而是将响应信息返回给ajax对象，然后通过js的dom操作就可以对网页进行局部更改。

1. 使用画图软件根据视频画出视频中的ajax访问原理图。

非ajax和ajax方式比较&第一个ajax请求
1. 视频中创建Ajax对象的代码是？

var ajax;
if(window.XMLHttpRequest){ajax=new XMLHttpRequest();//主流浏览器的新版本都支持包括IE
}else if(window.ActiveXObject){ajax=new ActiveXObject("Msxml2.XMLHTTP");//IE浏览器旧版本}

1. 视频中创建ajax请求的代码是？

ajax.open(method,url,async);

1. 视频中发送ajax请求的代码是？

ajax.send(Object body);

1. 视频中声明ajax监听的代码是？

ajax.onreadystatechange=function(){}

ajax的状态码学习
1. 视频中讲解的Ajax的状态码及其含义是?

- 0：表示ajax引擎对象被创建

- 1：表示请求创建但是未被发送

- 2：表示请求已经被发送

- 3：表示服务器已经处理完请求，正在接收响应内容

- 4：表示响应内容已经被接收完毕

1. 根据视频，编写ajax程序，在onreadystatechange中打印ajax的状态码。
ajax之响应状态码
1. 视频中讲解的ajax的响应状态码的属性是?

数值型

1. 根据视频讲解判断ajax的响应状态码完善ajax代码。
ajax之异步和同步
1. 根据视频讲解说出你对ajax异步和同步的理解?

异步：事件监听中代码的执行与事件触发函数中的代码时同时执行的。

同步：事件触发函数中send方法后的代码必须等待事件监听中的代码执行完毕后才执行。

1. 根据视频讲解，动手在servlet中让请求线程睡一会儿，然后修改ajax代码的异步同步，观察异步和同步的执行效果。
ajax异步同步总结和ajax的get请求和ajax的post请求
1. 视频中创建ajax.open的总结内容是?

method:表示请求方式

get方式:请求数据以?隔开的形式拼接在url的后面。

请求数据不能写在send方法中

post方式:

post方式需要单独的进行请求数据的设置。使用ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");设置请求数据为键值对数据。如果有请求数据则ajax.send("键值对数据&键值对数据..."),如果没有请求数据，则ajax.send(null)