SpringMVC AJAX支持

青旅半醒 2022-05-12 13:52 243阅读 0赞

AJAX支持是指不提交表单的情况下，就可以与服务器进行交互的技术  
步骤：  
1.导入jar包，包括jackson-annotation,jackson-core,jackson-databinder  
2.建立一个页面叫做testRequestBody.jsp  
写入代码：

<script type="text/javascript" src="scripts/jquery-1.9.1.min.js">//导入js文件
    <script type="text/javascript" >//点击URL会ajax对应的方法，URL是映射地址，type是请求方式，data是传递数据，success是如果成功返回方法
    $(function(){
    $("#testRequestBody").click(function(){
    $.ajax(
    ({
    url:"http://localhost:8080/springmvc-crud/testRequestBody"
    type:"post",
    **ContentType:"application/json;charset=utf-8",**
    data:{"name":"tom","age":12};json 类型数据传递,属性值与自定义的Person属性值一致
    //data:'[{"name":"tom","age":12},{"name":"lili","age":13}]'
    success:function(result){
    
    }

));  
return false;  
\});  
\});  
  
test RequestBody 跳转自身

Java中代码

@RequestMapping("/testRequestBody")
    public void testRequestBody(@RequestBody Lsit<Person> persons)
    {system.out.println( persons);}

注：如果是一个简单的JSON,直接的方法的入参指定类型的数据，与自定义的属性值保存一致  
如果是一个数组，Ajax发送的是一个数组，业务方法的入参是一个List  
@RequstBody:修饰入参,将Ajax的Json字符串转化为目标类型  
在Ajax当中如何获取服务器响应的结果@ResponseBody  
修饰方法，

@ResponseBody
     @RequestMapping("/testRequestBody")
            public List<Person> testRequestBody(@RequestBody Lsit<Person> persons)
            {  return persons;
    }

页面写入代码：

<script type="text/javascript" src="scripts/jquery-1.9.1.min.js">//导入js文件
        <script type="text/javascript" >//点击URL会ajax对应的方法，URL是映射地址，type是请求方式，data是传递数据，success是如果成功返回方法
        $(function(){
        $("#testRequestBody").click(function(){
        $.ajax(
        ({
        url:"http://localhost:8080/springmvc-crud/testRequestBody"
        type:"post",
        **ContentType:"application/json;charset=utf-8",**
        data:{"name":"tom","age":12};json 类型数据传递,属性值与自定义的Person属性值一致
        //data:'[{"name":"tom","age":12},{"name":"lili","age":13}]'
        success:function(result){
        $.each(result,function(index,value));
        alter(value.name+value.age);
        }};
        }
      });
        return false;
        });
        });
        </script>
        <a href="testRequestBody">test RequestBody </a>跳转自身

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaWeb-22-SpringMVC支持ajax返回数据

目录一：springmvc返回String-@ResponseBody 二：springmvc返回json数据-@ResponseBody+jackson 1：导包；

ゝ一世哀愁。/ 2023年10月05日 08:07/ 0 赞/ 19 阅读

相关 SpringMVC：Ajax技术

SpringMVC：Ajax技术文章目录 SpringMVC：Ajax技术简介 jQuery.ajax

痛定思痛。/ 2023年06月11日 10:26/ 0 赞/ 14 阅读

相关 SpringMvc的ajax

Ajax访问springMvc的控制器时,如果控制器返回(跳转)return new ModelAndView(“a.jsp”)一个视图页面,那么ajax的回调的data获得的

我就是我/ 2022年10月01日 04:48/ 0 赞/ 153 阅读

相关 springmvc对ajax的支持

1.就直接的Ajax处理只要在Controller的方法里面，直接使用response输出你要返回的的Ajax数据，然后return null就可以了。

今天药忘吃喽~/ 2022年09月27日 06:50/ 0 赞/ 215 阅读

相关【SpringMVC】Ajax

SpringMVC的Ajax网上大部分的教程都使用@Respondbody然后返回一个map完成，我觉得这样很繁琐，甚至还要自己配上一个json转换包，不然会出现406警告。其

刺骨的言语ヽ痛彻心扉/ 2022年06月05日 07:57/ 0 赞/ 149 阅读

相关 SpringMVC-8.Ajax

两种交互方式 8.1 发送请求返回标识数据 ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] 8.2 发送请求返回集合的J

约定不等于承诺〃/ 2022年06月02日 10:16/ 0 赞/ 153 阅读

相关 java_springMVC_ajax

1) 引入jquery 为了更方便的使用ajax，先引入jquery。在根目录（WEB-INF的上级目录）中新建一个js目录，将jquery复制过来： ![70][]

不念不忘少年蓝@/ 2022年05月25日 04:19/ 0 赞/ 199 阅读

相关 Ext.Ajax 对ajax的支持

介绍一下ExtJs常用的几个对JS语法的扩展支持，包括Ajax封装，函数事件操作封装，还有扩展的常用函数等。Ajax服务端交互式操作是提交到.NET MVC。后续服务端交互都采

红太狼/ 2022年05月14日 13:54/ 0 赞/ 240 阅读

相关 SpringMVC AJAX支持

AJAX支持是指不提交表单的情况下，就可以与服务器进行交互的技术步骤： 1.导入jar包，包括jackson-annotation,jackson-core,jack

青旅半醒/ 2022年05月12日 13:52/ 0 赞/ 244 阅读

相关 SpringMVC支持RESTful

一、什么是 RESTful RESTful 即 Representational State Transfer 的缩写，最初由 Roy T. Fielding（HTT

素颜马尾好姑娘i/ 2022年04月04日 10:31/ 0 赞/ 264 阅读