对象参数到 url - Javascript

在开发 Web 应用时，经常需要将对象转换为 URL 查询参数，然后将其附加到 URL 中。Javascript 提供了多种方法来实现这个功能，本文将介绍一些常用的方法。

使用 Query String 模块

Node.js 的 Query String 模块提供了解析和格式化 URL 查询字符串的功能。以下是一个将对象转换为查询字符串并添加到 URL 的示例：

const querystring = require('querystring');

const obj = { 'name': 'John', 'age': 30 };
const qs = querystring.stringify(obj);

const url = 'https://example.com/?' + qs;
console.log(url);

输出结果：

https://example.com/?name=John&age=30

使用 URLSearchParams

URLSearchParams 是浏览器原生的 API ，它提供了一种方便的方式来创建 URL 查询字符串。以下是一个使用 URLSearchParams 的示例：

const params = new URLSearchParams({ name: 'John', age: 30 });

const url = 'https://example.com/?' + params.toString();
console.log(url);

输出结果：

https://example.com/?name=John&age=30

使用 jQuery 的 $.param() 方法

jQuery 提供了一个便捷的方法 $.param() ，可以将对象序列化为 URL 查询字符串。以下是一个使用 $.param() 的示例：

const obj = { name: 'John', age: 30 };

const url = 'https://example.com/?' + $.param(obj);
console.log(url);

输出结果：

https://example.com/?name=John&age=30

总结

以上是一些常用的将对象参数转换为 URL 的方法。选择哪种方法取决于你的特定需求和项目限制。无论如何，请选择一个最适合你的方法，以确保你的代码能够正常运行，并符合 Web 标准。