ajax(jquery)前后台传数组(Springmvc后台)

简介: ajax(jquery)前后台传数组(Springmvc后台)

前端代码:


<script>
     $(function () {
         var list=new Array();
         list.push(6);
         list.push(9);
         console.log(list);
         $.ajax({
             url: "/ssm/preview",
             type: "GET",
             data: {
                 "list":list,
                 "sha":"sha"
             },
             traditional: true,//这里设置为true
             success: function(data) {
                 //do sth...
                 alert(data)
             }
         });
     });
 </script>


后台:(只能通过foreach遍历,无法进行for循环遍历)


@RequestMapping(value = "/preview")
    @ResponseBody
    public  int getpreview(int list[],String sha)
    {
        for (int q:list)
        {
            System.out.println(q);
        }
        System.out.println(sha);
        System.out.println("hash");
         return  0;
    }


控制台打印:


20181126094117343.png


观察链接,你会发现其实这个数组传递的原理,其实就是get请求放在url里面有多个list=**的元素,而后台解析这个键值配对多个值的时候会自动归纳为数组。就可以在后台使用了。但是这个数组的大小不能超过get请求url的极限。


20181126094204587.png


目录
相关文章
|
6月前
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
54 0
|
2月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
131 1
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
41 1
|
3月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
27 1
|
4月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
274 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
4月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
35 0
|
4月前
|
JavaScript 前端开发
Ajax的使用(jquery的下载)
这篇文章是关于Ajax学习笔记的分享,包括JQuery的下载方式、Ajax的主要参数说明,以及如何在网页中使用Ajax进行异步请求的示例代码。
|
6月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
Web App开发 前端开发 JavaScript
springMVC 与 jquery 整合
引用:http://liuzidong.iteye.com/blog/1069343 http://www.cnblogs.com/zhangliang0115/category/359684.html 参考资料 1 Spring3 MVC 笔记(二) —json+rest优化 http://7454103.
982 0