ReferenceError: URLSearchParams is not defined

这个错误通常发生在浏览器中，因为URLSearchParams是ES6的新特性，不是所有的浏览器都支持。如果你使用的是较老的浏览器，就会出现这个错误。

解决方法：

1. 使用polyfill库，比如url-search-params-polyfill或者url-search-params。

2. 如果你使用的是webpack等打包工具，可以使用babel插件转换代码。

3. 如果你只是使用了一次URLSearchParams，可以使用旧的URL解析方法，比如使用正则表达式或者split方法来提取URL参数。

相关问题

postman 报错：ReferenceError: URLSearchParams is not defined

这个错误通常是因为您正在使用一个较旧的浏览器，该浏览器不支持URLSearchParams API。 为了解决此错误，您可以尝试以下两种方法之一：

1. 使用一个支持URLSearchParams API的现代浏览器，如Chrome，Firefox等。

2. 在您的JavaScript代码中添加一个polyfill，以便在旧浏览器中使用URLSearchParams API。您可以使用像"core-js"这样的库来提供这个polyfill。 在您的代码顶部添加以下行可以解决此错误：

import "core-js/modules/es.url-search-params";

或者，您可以在HTML文件中添加以下行：

<script src="https://polyfill.io/v3/polyfill.min.js?features=URLSearchParams"></script>

希望这可以帮助您解决问题。

如何手动构建查询字符串来处理报错：ReferenceError: URLSearchParams is not defined ，给出修改后代码

在某些环境中（例如一些旧版本的浏览器或 Node.js），`URLSearchParams` 可能不可用，导致出现 `ReferenceError: URLSearchParams is not defined` 错误。为了规避这个问题，可以手动构建查询字符串。

以下是将 `URLSearchParams` 替换为手动构建查询字符串的修改后代码：

### 原始代码片段

updateItem() {
    if (this.fileList.length != 0) {
        this.selectedItem.DANGER_PIC = this.fileList[0].url
    }
    const params = new URLSearchParams();
    for (const [key, value] of Object.entries(this.selectedItem)) {
        params.append(key, value);
    }
    const baseUrl = '/api/danger_rectify_record/InsertTaskDanger';
    const urlWithParams = `${baseUrl}?${params.toString()}`;
    request({
        url: urlWithParams,
        method: 'POST',
        header: {'content-type': 'application/json', 'Authorization': `Bearer ${getToken()}`},
        dataType: 'json'
    }).then(response => {
        this.closeModal();
        this.fetchTab1Data(); // 重新加载数据
        uni.showToast({ title: '更新成功', icon: 'success' });
    }).catch(error => {
        console.error(error);
        uni.showToast({ title: '更新失败', icon: 'none' });
    });
}

### 修改后的代码片段

updateItem() {
    if (this.fileList.length !== 0) {
        this.selectedItem.DANGER_PIC = this.fileList[0].url;
    }

    // 手动构建查询字符串
    let params = [];
    for (const [key, value] of Object.entries(this.selectedItem)) {
        params.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
    }
    const querystring = params.join('&');

    const baseUrl = '/api/danger_rectify_record/InsertTaskDanger';
    const urlWithParams = `${baseUrl}?${querystring}`;

    request({
        url: urlWithParams,
        method: 'POST',
        header: {'content-type': 'application/json', 'Authorization': `Bearer ${getToken()}`},
        dataType: 'json'
    }).then(response => {
        this.closeModal();
        this.fetchTab1Data(); // 重新加载数据
        uni.showToast({ title: '更新成功', icon: 'success' });
    }).catch(error => {
        console.error(error);
        uni.showToast({ title: '更新失败', icon: 'none' });
    });
}

### 解释
1. **手动构建查询字符串**：
- 使用一个数组 `params` 来存储键值对。
- 遍历 `this.selectedItem` 对象的每个键值对，并使用 `encodeURIComponent` 对键和值进行编码。
- 将编码后的键值对拼接成 `key=value` 格式，并添加到 `params` 数组中。
- 最后，使用 `join('&')` 方法将数组中的所有键值对连接成一个完整的查询字符串。

2. **替换 `URLSearchParams`**：
- 将 `URLSearchParams` 构造函数及其相关方法替换为上述手动构建查询字符串的逻辑。

通过这种方式，可以在不支持 `URLSearchParams` 的环境中正常运行代码。