少有人走的路

在 jQuery 的 $.ajax() 方法中，data 参数用于发送至服务器的数据。这个参数可以是以下几种形式之一：

1. 字符串：

如果你需要将数据作为查询字符串（例如，key1=value1&key2=value2）发送，你可以直接传递一个字符串。

$.ajax({  
    url: 'your_url.php',  
    type: 'POST',  
    data: 'key1=value1&key2=value2',  
    success: function(response) {  
        // 处理响应  
    }  
});

2. 对象：

jQuery 会自动将这个对象转换为查询字符串（如果你使用的是 GET 方法）或表单数据（如果你使用的是 POST 方法）。

$.ajax({  
    url: 'your_url.php',  
    type: 'POST',  
    data: {  
        key1: 'value1',  
        key2: 'value2'  
    },  
    success: function(response) {  
        // 处理响应  
    }  
});

3. 数组：

虽然不常见，但你也可以传递一个数组。jQuery 会尝试将数组转换为查询字符串（GET）或表单数据（POST）。但是，对于复杂的数据结构，你可能需要先将它们转换为对象或字符串。

4. FormData 对象：

如果你需要上传文件或发送表单数据（包括文件），你可以使用 FormData 对象。

var formData = new FormData();  
formData.append('key1', 'value1');  
formData.append('file1', inputElement.files[0]); // 假设 inputElement 是一个文件输入元素  
  
$.ajax({  
    url: 'your_url.php',  
    type: 'POST',  
    data: formData,  
    processData: false,  // 告诉 jQuery 不要去处理发送的数据  
    contentType: false,  // 告诉 jQuery 不要去设置 Content-Type 请求头  
    success: function(response) {  
        // 处理响应  
    }  
});

注意：当使用 FormData 对象时，你需要设置 processData 为 false，以防止 jQuery 尝试将数据转换为查询字符串。同时，你也需要设置 contentType 为 false，因为 FormData 对象会设置适当的 Content-Type 头，包括正确的边界字符串。

--------------------- 

作者：hackpig

来源：www.skcircle.com

版权声明：本文为博主原创文章，转载请附上博文链接！