html 使用 ajax post请求数据类型,ajax发送post请求

前言：在上篇中，我们使用ajax技术，以get方式发起请求，达到了网页端局部刷新的效果。这次，我们使用post方式来实现局部刷新。

在上篇的基础上，.jsp/web.xml/servlet三个部分都要改动或新写

步骤核心(就是修改index.jsp文件)：

第一步：在js中创建XMLHttpRequest对象

第二步：获取用户在id="username"的input元素中输入的信息

第三步：通过XMLHttpRequest对象发起post请求

要点

(1)ajax发起post请求，需要先设置好请求头(就得按下面那样写)

xhr.setRequestHeader(

"content-type","application/x-www-form-urlencoded");

(2)向XMLHttpRequest对象中放入请求

(3)发送请求时，xhr.send方法的参数不再是null了，需要传入我们在第二步中获取到的用户名。代码为：

xhr.send("name="+name);

注意：send方法中，写入的参数的形式必须是："参数名="+参数值

第四步：

(1)设置触发请求的事件(本例中的是onblur，光标离开事件)

(2)设置服务器返回响应的内容在浏览器的哪个位置局部刷新出来

第五步：创建回调函数，检测readyState属性的值

第六步：当readyState