jquery ajax 无法提交到后台的问题,在线等
时间:2009-10-19
来源:互联网
html页面的内容是:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript">
$(function(){
//$("button").bind("click",function(){
alert("1234556");
$.ajax({
type: "POST",
url: "AjaxServer",
data: "&name=John",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
alert("123");
});
//});
</script>
</head>
<body>
<button>ajax</button>
<div id="results"></div>
<form action="AjaxServer" method="post">
<input type="text" name="name"/>
<input type="submit"/>
</form>
</body>
</html>
后台的servlet内容是:
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 1.取页面端的参数信息
String name = request.getParameter("name");
System.out.println(name);
response.setContentType("text/html");
response.setCharacterEncoding("gb2312");
PrintWriter out = response.getWriter();
// 2.检查传过来的参数是否有问题
if (name != null || name.length() > 0) {
if (name.equals("xiang")) {
out.println(name + "对不起,用户名已经存在");
} else {
out.println(name + "用户名不存在,你可以注册");
}
}
// To change body of overridden methods use File | Settings | File
// Templates.
// 3.做校验的操作
// 4. 和传统应用不同的地方 需要将用户感兴趣的数据返回给页面端 而不是将一个新页面发送给用户
}
html页面中的form是正常可以提交的,可是jquery的那个就没办法提交,实在想不到解决办法了,有哪位也遇到过这种情况的。
在线等,谢谢了。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript">
$(function(){
//$("button").bind("click",function(){
alert("1234556");
$.ajax({
type: "POST",
url: "AjaxServer",
data: "&name=John",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
alert("123");
});
//});
</script>
</head>
<body>
<button>ajax</button>
<div id="results"></div>
<form action="AjaxServer" method="post">
<input type="text" name="name"/>
<input type="submit"/>
</form>
</body>
</html>
后台的servlet内容是:
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 1.取页面端的参数信息
String name = request.getParameter("name");
System.out.println(name);
response.setContentType("text/html");
response.setCharacterEncoding("gb2312");
PrintWriter out = response.getWriter();
// 2.检查传过来的参数是否有问题
if (name != null || name.length() > 0) {
if (name.equals("xiang")) {
out.println(name + "对不起,用户名已经存在");
} else {
out.println(name + "用户名不存在,你可以注册");
}
}
// To change body of overridden methods use File | Settings | File
// Templates.
// 3.做校验的操作
// 4. 和传统应用不同的地方 需要将用户感兴趣的数据返回给页面端 而不是将一个新页面发送给用户
}
html页面中的form是正常可以提交的,可是jquery的那个就没办法提交,实在想不到解决办法了,有哪位也遇到过这种情况的。
在线等,谢谢了。
作者: loupo 发布时间: 2009-10-19
提交应该是没问题的 ,请再firebug的console里看一下是否正确
作者: yorsal 发布时间: 2009-10-20
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28