JavaScript {} 和[]的区别 post提交数据

今天在写一个提交到后台的时候数据后台解析不了出了点小小周折,看了下之前写的代码发现是有个东西疏忽了,为了避免以后不再犯同样的错误,特记录如下:

{}和[]两个看起了差不多有时候傻傻分不清楚其实两者差异还是比较大的

{}在js中是一个对象例如:

var object={};
//初始化操作
object={
'id':1,
'name':'我是对象'
}

//赋值操作
object.id=1;
object.name='我是对象';

//还可以给对象一个函数
object.add=function(){
alert('添加成功')
}

而[]在js中是一个数组例如

var array=[];

//赋值
array.id=1;
array.name='我是数组';

这是定义上的区别,

在实际上会有什么影响呢?

这里仅介绍我这次出的问题

我页面是这样的页面有参数 a b c

如果是普通参数的话用表单提交或者普通post提交都可以

但是 b 是一个数组

c则是一个数组 c[0]又是一个数组

这样我就打算构建一个对象直接提交到后台省得在后台在解析字符串还原

于是我构建了这样一个对象

var request=[];

request.a='标题';

var b=[]; 
b.push({'ele':'元素1'});
b.push({'ele':'元素2'});
request.b=b;

var c=[]; 
var d=[];
d.push({'ele':'元素3'});
c.push({'array':d});
request.c=c;

然后用$.ajax 提交到后台

$.ajax({
        type: "POST",
        url: "test",
        data: JSON.stringify(request),
        async: true,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) { //成功执行函数          
            console.log(result);
        },
        error: function (result) { //错误时执行的函数
            alert("网络错误，请稍后再试");
        }
    });

后台时间上只是把接收到的对象再返回来,这时候返回来的参数都是空值

仔细看了一下开始以为是ajax参数出问题了后来回顾了一下以前写的代码发现是{} []的问题

于是改为如下

var request={};

request.a='标题';

var b=[]; 
b.push({'ele':'元素1'});
b.push({'ele':'元素2'});
request.b=b;

var c=[]; 
var d=[];
d.push({'ele':'元素3'});
c.push(d);

request.c=c;

　再次提交 a b 取到值但是c仍然是空

再次修改

var request={};

request.a='标题';

var b=[]; 
b.push({'ele':'元素1'});
b.push({'ele':'元素2'});
request.b=b;

var c=[]; 
var d={};
d.ele=''元素3';

c.push(d);

request.c=c;

　　这时 a b c 都取到值

结论用jquery post提交参数时后台使用对象接受时只能提交一个对象{} 对象里面的某个属性可以是数组但是数组必须是一个对象数组不能是一个二维数组即使实际上可以作为一个二维数组也要把里面那个数组作为对象的属性赋值;

另外JSON.stringify(data) 提交时不可缺少否则浏览器会自动以表单参数拼接方式提交会丢失参数

提交时 检查JSON.stringify(data)这个参数是否正确展示了数据