$.ajax提交表单

最新推荐文章于 2024-07-25 12:41:07 发布

jattxgt

最新推荐文章于 2024-07-25 12:41:07 发布

阅读量606

点赞数

分类专栏： ajax 文章标签： ajax 表单提交

本文链接：https://blog.csdn.net/qq_38555490/article/details/90111469

版权

ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

代码：
页面代码

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!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 src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
 <div id="form-div">
    <form id="form1"  action="#" method="post">
        <p>用户名：<input name="username" type="text" id="txtUserName" tabindex="1" size="15" value=""/></p>
        <p>密　码：<input name="password" type="password" id="TextBox2" tabindex="2" size="16" value=""/></p>
        <p><input type="button" value="登录" onclick="login()">&nbsp;<input type="reset" value="重置"></p>
    </form>
</div>
	<script type="text/javascript">
	 function login() {
         $.ajax({
         //几个参数需要注意一下
             type: "POST",//方法类型
             dataType: "json",//预期服务器返回的数据类型
             url: "/ajaxform.action" ,//url
             data: $('#form1').serialize(),
             success: function (data) {
                /*  console.log(result);//打印服务端返回的数据(调试用)
                 if (result.resultCode == 200) {
                     alert("SUCCESS");
                 }
                 ; */
                 alert(data.username);
             },
             error : function() {
                 alert("提交异常！");
             }
         });
     }
	</script>
</body>
</html>

action

@RequestMapping("/ajaxform.action")
	public void ajaxform(ServletRequest request,ServletResponse response,String username,String password) throws IOException{
		System.out.println("账号："+username);
		System.out.println("密码："+password);
		request.setCharacterEncoding("utf-8");
		response.setContentType("application/json;charset=utf-8");
		response.getWriter().write("{\"username\":"+username+",\"password\":"+password+"}");

	}

效果图：

jattxgt

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
$.ajax提交表单

代码：页面代码<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/...
复制链接

扫一扫

专栏目录