前端AJAX传递数组给Springmvc接收处理

前端传递数组后端(Spring)来接收并处理:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试页面</title>
<script type="text/javascript" src="http://www.ostools.net/js/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript">
function ccc() {
	var btn = document.getElementById("btn");
	$.ajax({
		type:‘post‘,
		                  url:‘http://localhost:8080/event/add.do‘,
		                  data: {url:["www.baidu.com","www.qq.com"]},
		                  dataType:‘text‘,//服务器返回的数据类型 可选XML ,Json jsonp script htmltext等
		                  success:function(msg){
		                          },
		                  error:function(){
		                  alert(‘error‘);
		                  }
		        })
}

</script>
</head>
<body>
    <div>
        <button id="btn" onclick=ccc()>点击测试</button>
    </div>
</body>
</html>

  后端:

 @RequestMapping(value = "add")
    public void add( @RequestParam(value = "url[]",required = false,defaultValue = "") String[] url,
                                HttpServletResponse response)
    {

     System.out.println(url)

    }
时间: 2024-12-23 21:27:12

前端AJAX传递数组给Springmvc接收处理的相关文章

ajax传递参数给springmvc总结[转]

通过ajax传递参数给springmvc,经常会因为 参数类型太复杂,或者根本不知道springmvc都支持哪些类型转换,导致后台接收出现各种问题.如果书写格式没有问题仍然接受参数报错,大部分是因为springmvc默认无法支持该种格式的json转换导致的 现在一句话解决,就是用@RequestBody注解接收 下面看一些传参的例子,基本涵盖了大部分的参数传递类型 案例1:简单数组 idList[] ajax $("#test1").on("click",funct

前端Js传递数组至服务器端

相关学习资料 Linux黑客大曝光: 第8章 无线网络 无线网络安全攻防实战进阶 无线网络安全 黑客大曝光 第2版 http://zh.wikipedia.org/wiki/IEEE_802.11 http://www.hackingexposedwireless.com/doku.php http://blog.csdn.net/gueter/article/details/4812726 http://my.oschina.net/u/994235/blog/220586#OSC_h2_6

jquery ajax传递数组给php

写成:var data = {'item[]':item}; $.post(url,data,function(return_data) 写成item:item会导致数据缺失. 更多:http://www.cnblogs.com/ini_always/archive/2011/12/17/2291290.html jquery ajax传递数组给php,布布扣,bubuko.com

ajax传递数组、form表单提交对象数组

在JSP页面开发中,我们常常会用到form表单做数据提交,由于以前一直只是使用form表单提交单个对象,只要表单文本域的name值和接收的对象的属性名一致,那么传值就没有什么问题.不过,在前几天的开发任务中,遇到了需要批量传递对象,也就是需要传递对象数组,在此做个总结.今天又遇到需要向后台传递数组,便一并写下来吧. 1.ajax传递普通数组 前台代码 var deleteNum= [];//定义要传递的数组 deleteNum.push("1"); deleteNum.push(&qu

随笔:ajax传递数组,layui父子页面传值,下来菜单赋值,父页面数据获取,表格数据替换为字符串

一.Ajax向后台传递数组问题:(声明前台我使用的layui框架)例:我们要多前台一个数据表格进行批量删除操作,我们通过复选框选中数据id,将id存入一个数组中,然后利用ajax传递给后台,完成批量删除,再过程中我们需要加上traditional : true代码如下: function batchDel() { var datas; var ids = new Array();// 声明数组 layui.use('table', function() { var table = layui.t

mvc jquery ajax传递数组null问题

mvc jquery ajax传递数,  areaIds是个int数组.后台action用list<int>接收.当我想传空值时,先用null传递,结果action收到的AreaIds竟然含有一个元素0,非常诡异,有空再查找具体原来.后来想传空时不再用Null,改成[],这样就ok了.很奇怪 function refreshStoreHouseDatas(marketId,areaIds,selectedValues) { var data = { marketId: marketId, ar

小笔记(一):ajax传递数组及将ajax返回数据赋值

当使用ajax传递数据时,有可能传递多个数据,这是使用以下方法传递数据就会显得数据过多且混杂 $.ajax({ type:'post', url:url, data:{data:data,content1:content1,content2:content2,content3:content3,...........}, success:function(data){ alert(data) } }); 这时我们就可以先在传递数据之前,将数据封装在数组中,但是要注意,定义数组的时候要用arr={

ajax传递数组到后台

//实体类 publc class Person { private int ID{get;set;} private string Name{get;set;} private int Age{get;set;} } //前台JS代码var array=new Array(); for(int i=0;i<5;i++) { var option={}; option.ID=1; option.Name="Test"; option.Age=21; array.push(opti

ajax传递参数与controller接收参数映射关系

将ajax的参数传递至后台controller时,data 中的参数名要与controller中的形参保持一致. 前端ajax代码: 1 $.ajax({ 2 url:"/doLogin", 3 type:"post", 4 data:{ 5 "username":$("#username").val(); 6 "password":$("#password").val(), 7 &qu