常用知识 - ajax请求参数与后端数组对照

  • 作者:KK

  • 发表日期:2017.4.11


有些程序员不熟悉前端,在接触前端编程时不熟练如何构造后端需要的参数数组,这里罗列一些例子

ajax发送数据给后端的简单代码

var 请求参数= {a : 11};
$.post('/index.php', 请求参数, function(result){
	console.log(result);
});

//或者
$.ajax({
	url : '/index.php',
	type : 'post',
	data : 请求参数,
	success : function(){}
});

然后PHP收到的$_POST数组就是['a' => '11']

本文章主要讲这个请求参数,其中这个请求参数一定要有一个key,然后再写参数值,说白了就是每一个参数都必须有一个名称


二维关联数组

请求参数:

var 请求参数= {
	'user1' : {
		id : 1,
		name : 'aaa1',
		age : 11
	},
	'user2' : {
		id : 2,
		name : 'aaa2',
		age : 22
	},
};

PHP收到的数组是:

$_POST = [
	'user1' => [
		'id' => '1',
		'name' => 'aaa1',
		'age' => '11',
	],
	'user2' => [
		'id' => '2',
		'name' => 'aaa2',
		'age' => '22',
	]
];

一维索引数组

请求参数:

var 请求参数= {
	ids : [11, 22, 33]
};

PHP收到的数组是:

$_POST = [
	'ids' => ['11', '22', '33']
];

关联数组与索引数组混合

请求参数:

var 请求参数= {
	'user1' : {
		id : 1,
		name : 'aaa1',
		child_ids : [11, 22, 33]
	},
	'user2' : {
		id : 2,
		name : 'aaa2',
		child_ids : [33, 22, 33]
	},
};

PHP收到的数组是:

$_POST = [
	'user1' => [
		'id' => '1',
		'name' => 'aaa1',
		'child_ids' => ['11', '22', '33'],
	],
	'user2' => [
		'id' => '2',
		'name' => 'aaa2',
		'child_ids' => ['33', '22', '33'],
	]
];

用在GET参数上

其实以上格式完全可以给GET请求,代码就是$.get(url, 请求参数, callback),这样PHP的$_GET数组的值内容也跟POST数组一模一样的