spring MVC框架下前台往java后台传送json数据

最新推荐文章于 2024-05-10 13:21:38 发布

Wendz的博客

最新推荐文章于 2024-05-10 13:21:38 发布

阅读量2.9k

点赞数

分类专栏： spring mvc框架

本文链接：https://blog.csdn.net/wendezheng/article/details/51920590

版权

spring mvc框架专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文介绍了一个简单的登录表单的实现方式，包括前端页面设计、JavaScript提交逻辑及后端处理方法。展示了如何使用HTML和JavaScript创建登录界面，并通过Ajax进行异步数据提交。同时，提供了几种不同的Java后台接收数据的示例。

摘要由CSDN通过智能技术生成

前台页面

<form action="" method="post" id="loginForm">
  <table>
   <tr>
   		<td>用户名</td>
   		<td><input class="td2" type="text" name="username" id="username" ></td>
   		
   </tr>
   <tr> 
  	<td >密   码</td>
  	<td><input  type="password" name="password" id="password" ></td>
   </tr>
   </table>
   	<input  type="button" value="登录" οnclick="loginSubmit()">
 </form>

JavaScript中的方法：

方式一：

function loginSubmit(){
	$.ajax({
        type: "POST",
        url: "***/login",
        data:{
        	'username':$('#username').val(),'password':$('#password').val()
        },
        success: function(data) {
		}

方式二：

function loginSubmit(){
	$.ajax({
        type: "POST",
        url: "***/login",
        data:form1= $('#loginForm').serialize(), //将表单中的数据序列化
        success: function(data) {
		}

java后台接受的代码：

方式一：

@RequestMapping(value="/login")
	 public String login(String username,String password,String code,HttpServletRequest request)  throws Exception {

	}

方式二：（User是用户对象，username和password是它的属性）

@RequestMapping(value="/login")
	 public String login(User user,HttpServletRequest request)  throws Exception {
	String username=user.getUsername();
	Sting password=user.getPassword();

	}

方式三：

@RequestMapping(value="/login")
     public String login(HttpServletRequest request)  throws Exception {
    String username=request.getParameter("username");
    Sting password=request.getParameter("password");

    }