1,html页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gbk">
<script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqueryXml.js"></script>
</head>
<body>
<input type="text" id="userName"/><br/>
<input type="password" id="password"/><br/>
<input type="button" value="提交" onclick="myCheck();"/>
<div id="myDiv"></div>
</body>
</html>2,js:
function myCheck(){
var userName=$("#userName").val();
var password=$("#password").val();
$.ajax({
type:"get",
url:"xmlServlet",
data:{name:userName,password:password},
dataType:"xml",
success:function(data){
var obj=$(data);
var message=obj.children();
var text=message.text();
$("#myDiv").html(text);
}
});
}3,servlet:
public class XmlServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/xml;charset=gbk");
String name=request.getParameter("name");
String password=request.getParameter("password");
System.out.println(password);
PrintWriter out=response.getWriter();
StringBuilder sb=new StringBuilder();
sb.append("<message>");
if(name==null || "".equals(name))
sb.append("can not be null").append("</message>");
if("raymond".equals(name))
sb.append("用户名存在").append("</message>");
else
sb.append("可以使用").append("</message>");
out.print(sb.toString());
} @Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request,response);
}
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gbk">
<script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqueryXml.js"></script>
</head>
<body>
<input type="text" id="userName"/><br/>
<input type="password" id="password"/><br/>
<input type="button" value="提交" onclick="myCheck();"/>
<div id="myDiv"></div>
</body>
</html>2,js:
function myCheck(){
var userName=$("#userName").val();
var password=$("#password").val();
$.ajax({
type:"get",
url:"xmlServlet",
data:{name:userName,password:password},
dataType:"xml",
success:function(data){
var obj=$(data);
var message=obj.children();
var text=message.text();
$("#myDiv").html(text);
}
});
}3,servlet:
public class XmlServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/xml;charset=gbk");
String name=request.getParameter("name");
String password=request.getParameter("password");
System.out.println(password);
PrintWriter out=response.getWriter();
StringBuilder sb=new StringBuilder();
sb.append("<message>");
if(name==null || "".equals(name))
sb.append("can not be null").append("</message>");
if("raymond".equals(name))
sb.append("用户名存在").append("</message>");
else
sb.append("可以使用").append("</message>");
out.print(sb.toString());
} @Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request,response);
}
}
--------------完美的签名线-----------------
网页游戏开发第一站 http://dev.web863.com
所以,要在Ajax调用的执行页面头部加上这句就OK了
header(’Content-Type:text/html;charset=utf-8′);
这和缓存无关,和服务器配置无关,和圈圈点点都无关,就是编码问题。
data:{"cache":new Date().getTime(),name:userName,password:password}保证每次发送的请求都是唯一的,这样就不会出现请求无响应的问题了,否则你会发现第一次的请求是有效的,之后的请求都没有起作用。推荐QQ群:136574970
$.ajax({
type:"post",