如何使用$.param方法不进行URL编码

在使用 jquery 的 ajax 请求时，我们经常会使用 $.param 方法将一个对象序列化成一个查询字符串，以便于传输数据。$.param 方法会自动地将数据进行 url 编码，例如，将空格转换为 %20。但是，有时候我们希望在序列化对象时不进行 url 编码，而是保留原来的样子。本篇文章就将介绍如何使用 $.param 方法不进行 url 编码的技巧。

首先，让我们来看一下 $.param 方法的基本用法。假设有以下对象：

var data = {
  name: 'John Doe',
  age: 30,
  company: 'ABC Inc.',
  address: {
    street: '123 Main St',
    city: 'Anytown',
    state: 'CA',
    zip: '12345'
  }
};

我们可以使用 $.param 方法将其序列化成一个查询字符串，如下所示：

var queryString = $.param(data);

// queryString 的值为：
// "name=John%20Doe&age=30&company=ABC%20Inc.&address[street]=123%20Main%20St&address[city]=Anytown&address[state]=CA&address[zip]=12345"

可以看到，$.param 方法将对象进行了 URL 编码，将空格转换为了 %20，将某些特殊字符进行了编码。如果我们想要保留原来的样子，我们需要使用一个小技巧。

首先，我们要定义一个不进行 URL 编码的函数，如下：

站长俱乐部购物系统

功能介绍：1、模块化的程序设计，使得前台页面设计与程序设计几乎完全分离。在前台页面采用过程调用方法。在修改页面设计时只需要在相应位置调用设计好的过程就可以了。另外，这些过程还提供了不同的调用参数，以实现不同的效果；2、阅读等级功能，可以加密产品，进行收费管理；3、可以完全可视化编辑文章内容，所见即所得；4、无组件上传文件，服务器无需安装任何上传组件，无需支持FSO，即可上传文件。可限制文件上传的类

下载

function serializeParam(obj) {
  var str = [];
  for (var p in obj) {
    if (obj.hasOwnProperty(p)) {
      str.push(encodeURIComponent(p) + '=' + obj[p]);
    }
  }
  return str.join('&');
}

这个函数的作用是将对象转换成一个字符串，其中不进行 URL 编码。接下来，我们可以使用这个函数来将对象序列化成一个查询字符串，如下所示：

var queryString = Object.keys(data).map(function(key) {
  var value = data[key];
  if (typeof value === 'object') {
    value = serializeParam(value).replace(/%20/g, '+');
  }
  return encodeURIComponent(key) + '=' + value;
}).join('&');

// queryString 的值为：
// "name=John Doe&age=30&company=ABC Inc.&address[street]=123 Main St&address[city]=Anytown&address[state]=CA&address[zip]=12345"

可以看到，这个方法生成的查询字符串不进行 URL 编码，而是将空格替换成了加号。所以，如果接收数据的服务器端能够支持这种方式的传输，我们就可以使用这种方法。

总之，通过使用一个自定义的函数，我们可以在 jQuery 中不进行 URL 编码地序列化对象，以满足我们的特殊需求。