如何手动为AJAX调用函数添加数据？参数传递异常解决

看起来你在传递AJAX参数的时候踩了jQuery处理data参数的小坑，我来帮你梳理清楚怎么正确传递键值对：

为什么之前的写法不对？ #

1. 一维数组问题：你最初用do_ajax_call(['firstname', 'firstvalue'])传了一个一维数组，jQuery会把它解析成类似0=firstname&1=firstvalue的参数，这显然不是你要的键值对形式。
2. JSON字符串问题：后来改成do_ajax_call('[{"name":"value"}]')传JSON字符串，jQuery会直接把这个字符串作为原始请求数据发送，后端收到的就是整个字符串，而不是解析后的name: value键值对——除非后端专门处理JSON格式的请求，同时你还要配置AJAX的contentType。

正确的参数传递方式（按推荐程度排序） #

1. 直接传递JavaScript对象（最常用） #

jQuery的$.ajax方法对JavaScript对象有很好的支持，会自动把对象转换成key=value&key2=value2的表单格式参数，后端可以直接通过键名获取值。

调用示例：

// 单个键值对
do_ajax_call({ firstname: 'firstvalue' });

// 多个键值对
do_ajax_call({
  firstname: 'firstvalue',
  lastname: 'lastvalue',
  age: 30
});

函数无需修改：

你的原函数可以直接使用，因为对象不会触发data == false的判断，会直接传给$.ajax的data属性：

function do_ajax_call(data) {
    if (data == false) {
        var data = '';
    }
    $.ajax({
        url: "myurl",
        method: "POST",
        data: data,
        dataType: 'json'
        // 其他配置项...
    })
}

2. 传递键值对数组（适合重复键名场景） #

如果需要给同一个键名传多个值（比如多选框的选项），可以用二维数组，每个子数组是[键名, 值]的形式：

调用示例：

do_ajax_call([
  ['hobby', 'reading'],
  ['hobby', 'coding'],
  ['city', 'Beijing']
]);

jQuery会把它转换成hobby=reading&hobby=coding&city=Beijing，后端可以通过hobby获取到数组形式的多个值。

3. 传递JSON格式数据（后端需支持） #

如果后端要求接收JSON格式的请求体，你需要把对象转成JSON字符串，同时设置contentType: 'application/json'：

修改后的函数：

function do_ajax_call(data) {
    if (data == false) {
        data = {}; // 这里改成空对象更合理
    }
    $.ajax({
        url: "myurl",
        method: "POST",
        data: JSON.stringify(data), // 把对象转成JSON字符串
        contentType: 'application/json', // 告诉后端请求是JSON格式
        dataType: 'json'
        // 其他配置项...
    })
}

调用示例：

do_ajax_call({ name: 'value' });

这时候后端会收到完整的JSON请求体，需要解析后才能获取键值对。

总结 #

• 90%的场景下，直接传JavaScript对象是最简单可靠的方式，无需额外配置。
• 避免传一维数组或原始JSON字符串，除非你明确知道后端的处理逻辑。

内容的提问来源于stack exchange，提问作者RainerS