本文通过一个具体的示例展示了如何使用Ajax发送POST请求并处理服务器响应。示例中包括了Java Servlet代码、JSP页面代码及web.xml配置。
1.java代码如下:
packagecom.eduask;
importjava.io.IOException;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
//测试Ajax请求方式为post;
publicclassDemo3extendsHttpServlet{
@Override
protectedvoidservice(HttpServletRequest req, HttpServletResponse resp)
throwsServletException, IOException {
req.setCharacterEncoding("utf-8");
resp.setCharacterEncoding("utf-8");
resp.setContentType("text/html;charset=utf-8");
//接受用户的输入的name;
String name=req.getParameter("name1");
if("tom".equals(name)){
resp.getWriter().write("<font color=red>该用户已经注册</font>");
}else{
resp.getWriter().write("<font color=blue>用户可以注册</font>");
}
}
}
2.demo3.jsp代码如下:
<%@ page language="java"contentType="text/html; utf-8"
pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8">
<title>ajax测试post请求方式</title>
</head>
<body>
请输入用户名: <input id="name1"type="text"name="name1">
<span id="span1"></span>
<script type="text/javascript">
vargetName1Id=document.getElementById("name1");
getName1Id.onblur=function(){
varxhr=getXhr();
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
varmsg=xhr.responseText;
varspan1=document.getElementById("span1");
span1.innerHTML=msg;
}
}
}
xhr.open("post","/ajax/Demo3");
//设置消息头，告诉浏览器携带请求体数据;
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
xhr.send("name1="+getName1Id.value);
}
functiongetXhr(){
varxhr;
if(window.XMLHttpRequest){
xhr=newXMLHttpRequest();
}else{
xhr=newActiveXObject("microsoft,xmlhttp");
}
returnxhr;
}
</script>
</body>
</html>
3.web.xml配置文件如下:
<!-- demo3 -->
<servlet>
<servlet-name>Demo3</servlet-name>
<servlet-class>com.eduask.Demo3</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Demo3</servlet-name>
<url-pattern>/Demo3</url-pattern>
</servlet-mapping>
扫一扫
336
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
