2021-01-02

最新推荐文章于 2021-01-11 14:59:05 发布

TingYunJue

最新推荐文章于 2021-01-11 14:59:05 发布

阅读量104

点赞数

分类专栏： SpringMVC 文章标签： jquery ajax json

本文链接：https://blog.csdn.net/TingYunJue/article/details/112102808

版权

SpringMVC 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

第二种通过ajax向后台传递json数据:
jquery方式（要导jquery的环境包）
1.$(function(){

var user = {id:6,name:"zs",birthday:"2020-01-02"};/*json格式的对象，传递*/

})//这种写法相当于在程序尾部执行
2.$(function(){
var user = {id:6,name:"zs",birthday:"2020-01-02"};/*json格式的对象，传递*/
$("#btn").click(function ())})//设置通过id为btn的按钮点击实现
<input type="button" value="jquery的ajax" id="btn">
3.实现的内容为内部的如下代码
$.ajax({
                      type:"post",/*post请求*/
                      url:"/json/addUser",
                      contenType:"application/json",/*设置请求头*/
                      data:JSON.stringify(user),//json字符串,将json对象转为json字符串JSON.stringify(user)
                      success:function (res) {//回调控制器的成功返回数据
                          alert("返回："+res);
                      }
                      

JasonController.java:

    @RequestMapping("/addUser")
    public String addUser(@RequestBody User user){//注意前端传入json数据，形参不能直接通过对象接受，一定要用@ResquestBody解析
        System.out.println("user===>"+user);
        return "ok";
    }
这段代码要非常熟习：
  <script>
       /*jquery代码 $(function)页面加载完成后的触发*/
        $(function () {//这种写法最后触发
            var user = {id:6,name:"zs",birthday:"2020-01-02"};/*json格式的对象*/
            //$("#btn"):根据id名btn获取标签对象  .click:该标签的触发事件
            $("#btn").click(function () {
                $.ajax({
                    type:"post",/*post请求*/
                    url:"/json/addUser",
                    contenType:"application/json",/*设置请求头*/
                    data:JSON.stringify(user),//json字符串,将json对象转为json字符串JSON.stringify(user)
                    success:function (res) {//回调控制器的成功返回数据
                        alert("返回："+res);
                    }
                })
            })
        })
    </script>


    <body>
            index....<br>
    <%--        onclick：原生的触发事件--%>
            <input type="button" value="jquery的ajax" id="btn">
    </body>

TingYunJue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
2021-01-02

第二种通过ajax向后台传递json数据:jquery方式1.$(function(){})//这种写法相当于在程序尾部执行2.$(function(){$("#btn").click(function ())})//设置通过id为btn的按钮点击实现<input type="button" value="jquery的ajax" id="btn">3.实现的内容为内部的如下代码$.ajax({ type:"post",/*post请求*.
复制链接

扫一扫