原生js 获取id参数 包括=1 https://www.baidu.com/userphoto.html?id=3192060242672264723=1

可以使用JavaScript中的`URLSearchParams`对象来获取URL中的查询参数。以下是一个使用`URLSearchParams`对象获取ID参数的示例代码：

// 获取完整的URL
const url = "https://www.baidu.com/userphoto.html?id=3192060242672264723=1";

// 使用URL对象解析URL
const parsedUrl = new URL(url);

// 获取查询参数对象
const searchParams = parsedUrl.searchParams;

// 获取ID参数
const id = searchParams.get("id");

// 输出ID参数值
console.log(id); // 3192060242672264723=1

如果需要只获取ID参数的值，可以进一步处理`id`变量，例如使用字符串的`split()`方法：

const idValue = id.split("=")[0];
console.log(idValue); // 3192060242672264723

或者使用正则表达式：

const idValue = id.match(/\d+/)[0];
console.log(idValue); // 3192060242672264723

相关问题

js获取id的值,并传给后端 https://www.baidu.com/userphoto.html?id=3192060242672264723=1

### 回答1：
To get the value of the `id` parameter from the URL `https://www.baidu.com/userphoto.html?id=3192060242672264723=1` using JavaScript, you can use the `URLSearchParams` API as follows:

const urlParams = new URLSearchParams(window.location.search);
const id = urlParams.get('id');

This will extract the value of the `id` parameter from the URL, which in this case is `3192060242672264723`.

You can then use any method to pass this value to the backend. This could involve making an AJAX request or submitting a form with the `id` value as a parameter. Here is an example of how you could use AJAX to send the `id` value to a backend endpoint:

const xhttp = new XMLHttpRequest();
xhttp.open("POST", "/backend", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    console.log(this.responseText);
  }
};
xhttp.send("id=" + id);

This sends a POST request to the `/backend` endpoint with the `id` value as a parameter. Note that you would need to replace `/backend` with the actual URL of your backend endpoint.

### 回答2：
在JavaScript中，我们可以使用`location.search`来获取URL中问号后面的参数部分。对于给定的URL https://www.baidu.com/userphoto.html?id=3192060242672264723=1，我们可以使用以下代码来获取id的值：

var urlParam = location.search.substr(1); // 获取问号后面的参数部分，去除问号
var paramArr = urlParam.split('&'); // 将参数分割成数组

var idValue = ''; // 用于存储id的值

// 遍历参数数组，查找名为"id"的参数，并获取其值
for (var i = 0; i < paramArr.length; i++) {
  var pair = paramArr[i].split('='); // 将参数拆分成键值对

  if (pair[0] === 'id') { // 如果参数名等于"id"
    idValue = pair[1]; // 获取该参数的值
    break; // 找到后跳出循环
  }
}

// 将获取到的id值传给后端，这里以发送Ajax请求为例
// 假设后端接口为https://www.example.com/api，接受id作为参数
var requestUrl = 'https://www.example.com/api?id=' + idValue;

// 发送Ajax请求
// ...

通过上述代码，我们可以提取URL中的id值，并将其传递给后端。具体的后端处理逻辑会根据不同的业务需求而有所不同。

### 回答3：
在JavaScript中，可以通过以下代码获取URL中的id的值，并将其传递给后端：

// 获取URL中的完整地址
var url = window.location.href;

// 利用正则表达式获取id的值
var reg = /id=([^&]+)/;
var id = reg.exec(url)[1];

// 将id的值传递给后端
// 你可以使用Ajax或者form表单提交等方式将id传递给后端。以下是使用Ajax的示例：
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://后端地址", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功的处理
  }
};
xhr.send("id=" + id);

上述代码首先通过`window.location.href`获取当前页面的URL，然后使用正则表达式提取URL中的id的值。接下来，可以通过Ajax将id的值传递给后端。在这个示例中，使用POST方法将id作为参数发送给后端，你需要将"http://后端地址"替换为你的后端接口地址。

当然，上述仅是一个示例，根据具体情况你可能需要根据后端接口的要求进行相应的修改。

这是我的代码<image :src="require('../static/img/'+personal.userphoto)" class="image" lazy-load="true" mode="aspectFill"></image>，获取personal里的对象，会报错nvalid attempt to destructure non-iterable instance.导致其他组件全部显示underfined

根据你提供的代码和错误信息，可能的原因是 `personal.userphoto` 不是一个合法的数组或对象，导致在解构该属性时出现了错误。`require` 函数通常用于加载模块或文件，不适用于加载图片。你可以尝试使用相对路径或绝对路径来直接引用图片，例如：

<image :src="'/static/img/' + personal.userphoto" class="image" lazy-load="true" mode="aspectFill"></image>

其中，`/static/img/` 是图片的根路径，`personal.userphoto` 是图片的文件名。请确保 `personal.userphoto` 是一个字符串类型的文件名，并且图片文件存在于 `/static/img/` 目录中。

另外，如果你使用了 `v-for` 指令渲染图片列表，那么你需要确保数据源是一个数组，并且每个数组项都是一个包含图片路径的对象。例如：

<image v-for="(item, index) in imageList" :key="index" :src="'/static/img/' + item.filename" class="image" lazy-load="true" mode="aspectFill"></image>

其中，`imageList` 是一个包含图片信息的数组。每个数组项都应该包含一个 `filename` 属性，表示图片的文件名。