在不重新加载 jQuery 的情况下向 URL 添加参数 - JavaScript

有时候我们需要通过 JavaScript 向 URL 添加参数，以便在请求服务器时携带指定的参数。在 jQuery 中有一个方便的方法可以实现这个功能，但是有时我们不能使用 jQuery，所以我们需要一种纯 JavaScript 方式来实现这个功能。

在 URL 中添加参数

首先我们来看一下如何在 URL 中添加参数。假设我们有一个 URL：http://www.example.com，现在我们要向它添加一个参数 name，其值为 John。那么我们应该将 URL 改为 http://www.example.com?name=John。

var url = 'http://www.example.com';
var name = 'John';
url += '?name=' + encodeURIComponent(name);

在上面的代码中，我们使用 encodeURIComponent 函数将参数进行编码，以便它可以被正确解析。

检查 URL 是否已经有参数

如果 URL 已经有参数了，我们需要将新的参数添加到现有参数的末尾。为了实现这个功能，我们需要检查 URL 是否已经有参数了。我们可以通过查找 URL 中的问号来判断它是否已经有了参数。

var url = 'http://www.example.com';
var name = 'John';

if (url.indexOf('?') === -1) {
  url += '?name=' + encodeURIComponent(name);
} else {
  url += '&name=' + encodeURIComponent(name);
}

在上面的代码中，我们使用 indexOf 函数查找 URL 中是否有问号。如果没有问号，说明 URL 还没有参数，我们应该在 URL 后面添加一个问号和我们的参数；否则，我们应该在 URL 后面添加一个和号和我们的参数。

结论

通过上面的代码，我们可以在不使用 jQuery 的情况下向 URL 添加参数。这个方法非常简单，可以轻松实现，同时可以帮助我们更好地理解 URL 的构成和编码。