Java之前端向后端传值方式

最新推荐文章于 2022-04-25 15:45:01 发布

sdfreregtrh

最新推荐文章于 2022-04-25 15:45:01 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java开发文章标签： Java传参接参

本文链接：https://blog.csdn.net/weixin_43027596/article/details/103490047

Java开发专栏收录该内容

61 篇文章

订阅专栏

本文介绍了三种在Java应用中从前端向后端传递数据的方法：1) 使用form表单提交，通过name属性获取值，支持GET和POST方式；2) JQuery的ajax提交，简化了JavaScript的ajax操作，后端处理时需使用@RequestBody注解；3) 通过URL字符串拼接的方式向后台提交数据，包括直接在ajax中拼接、JS和a标签提交。默认提交方式为GET，POST需显式指定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、form表单提交（常用）

from表单把所有属于表单中的内容提交给后台，例如输入框，单选框，多选框，文本域，文件域等。

<form action="demo.do" method="post">
        用户名：<br>
        <input type="text" name="username"><br>
        密码:<br>
        <input type="password" name="password" ><br><br>
        <input type="submit" value="提交">
    </form>

1 在后台可通过对应的name属性获取相应的值或者用@requestparm 或者用@requestbody
2 from表单中的action属性标识提交数据的地址。
3 method属性指明表单提交的方式,get方式,后台可通过对应的name属性获取相应的值或者用@requestparm,post方式,可用在后台可通过对应的name属性获取相应的值或者用@requestparm获取URL中的值,用@requestbody获取请求体中的值

二、JQuery中的ajax提交（常用）

JavaScript中也有ajax提交，但是代码太多，所以JQuery对JS中的ajax进行了简化。引入JQuery相应的包即可使用。一般格式为：

function testAjax() {
   var users=[{
       name:'张三',
       age:'21',
       birth:'1994-12-12'
    },
   {
       name:'李四',
       age:'20',
       birth:'1995-12-11'
    },
   {
       name:'wangwu',
       age:'20',
       birth:'1995-12-11'
    }];
   $.ajax({
        type:'POST',
        data:JSON.stringify(users),
        contentType :'application/json',
        dataType:'json',
        url :'user/saveJsonUser.do',
        success :function(data) {
            alert("OK");
        },
       error :function(e) {
          alert("error");
       }})     
}

后台处理：用到springmvc的话,参数中要加上@RequestBody，@RequestBody将HTTP请求正文转换为适合的HttpMessageConverter对象。

@RequestMapping(value="/saveJsonUser.do",method=RequestMethod.POST)
          public Map saveJsonUser(@RequestBody User[]users){
               for(Useru:users){
                   System.out.println(u.getName()+"  "+u.getAge()+"  "+u.getBirth());
               }
          Map result=newHashMap();
          result.put("success","123");
          return result;
}

总结：以上两种方式如果不显示的指定post提交方式，则默认的提交方式为get方式提交。此外，ajax中的url也可以直接通过字符串拼接，然后向后台提交数据，这种方式为get方式提交。下面详细说明

三、通过url字符串拼接向后台提交数据

①直接在ajax中url拼接数据

$.ajax({
            url: "TestJsonServlet?id="+id+"&gender="+"男", //提价的路径
            type: "get",       //提交方式
            dataType: "JSON",       //规定请求成功后返回的数据
            success: function (data) {
                //请求成功之后进入该方法，data为成功后返回的数据
            },
            error: function (errorMsg) {
                //请求失败之后进入该方法，errorMsg为失败后返回的错误信息
            }
        });

②JS提交数据，通过window.location.href指定路径提交数据。

var deleteUser = function (deleteId) {
        if (confirm("确认删除编号是【"+deleteId+"】的成员吗?")){
            window.location.href="DeleteUserServlet?deleteId="+deleteId;
        }
    }

③通过a标签提交数据，通过a标签的href属性提交数据，和js提交数据类似。

<a href="DeleteUserServlet?id='3'&gender='男'"></a>