ajax post 传参数加引号和不加引号的区别

Posted 2020-10-15 unionline

1.前言

用ajax技术，type：post，data：参数列表。参数列表就是一个JSON数据，但key可以加引号，也可以不加引号，那总有区别的。

2.区别

var d2 = "two";
var d4 ="four";
var idArr=idArr2=idArr3=[1,2,3,4];

$.ajax({
	type: ‘POST‘,
	data : {
                 type:"get",
                 "d1":"d1", //常规d1参数值是"d1"
                 "d2": d2,  //常规d1参数值是变量d2即"two"
                 d3  :‘d3‘, //d3缺少引号默认就是字符串，值为‘d3‘, JS中字符串用单引号或者双引号都是等价的
                 d4  : d4,  //d4同理，值为变量d4即"four"
                 idArr     : idArr,//传一个数组idArr即[1,2,3,4]
                 //idArr2[]  : idArr2 //报错
                 "idArr3[]":idArr3 //传一个数组idArr3
                },
	url : ‘./sample‘,
	success: function(msg) {
                  //TODO
	}
				                                                        

3.参数传输形式

在浏览器，例如Chrome控制台的Network中可以看到Query String parameters为type=get&d1=d1&d2=two&d3=d3&d4=four&idArr[0]=1&idArr[1]=2&...