js写一个函数 getQueryString,传入一个url地址和一个key,返回key对应的参数值
时间: 2023-04-05 20:04:06 浏览: 243
好的,这个问题我可以回答。以下是一个示例代码:
```javascript
function getQueryString(url, key) {
const searchParams = new URLSearchParams(new URL(url).search);
return searchParams.get(key);
}
```
你可以将需要解析的 URL 和需要获取的参数 key 作为参数传入该函数,它将返回对应的参数值。
相关问题
1.写一个函数 getQueryString,传入一个url地址和一个key,返回key对应的参数值 var url = 'https://wenku.baidu.com/0ea73.html?wkts=16784&query=email'; getQueryString(url,'query') => 'email' getQueryString(url,'wkts') => '16784'
function getQueryString(url, key) {
var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)", "i");
var r = url.split("?")[1].match(reg);
if (r != null) return unescape(r[2]);
return null;
}
var url = 'https://wenku.baidu.com/0ea73.html?wkts=16784';
var key = 'wkts';
console.log(getQueryString(url, key)); // 输出 16784
前端代码片段发送get请求和post请求的模板
发送GET请求的模板代码:
```javascript
function sendGetRequest(url, params, callback) {
var xhr = new XMLHttpRequest();
var queryString = '';
// 将参数转换为QueryString形式
if (params) {
Object.keys(params).forEach(function(key) {
queryString += key + '=' + params[key] + '&';
});
// 去除最后一个'&'
queryString = queryString.slice(0, -1);
}
// 构建完整的URL
if (queryString !== '') {
url += '?' + queryString;
}
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功,处理返回的数据
var responseData = JSON.parse(xhr.responseText);
callback(responseData);
} else if (xhr.readyState === 4 && xhr.status !== 200) {
// 请求失败,处理错误信息
console.log('请求失败,错误码:' + xhr.status);
}
};
xhr.send();
}
```
发送POST请求的模板代码:
```javascript
function sendPostRequest(url, data, callback) {
var xhr = new XMLHttpRequest();
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功,处理返回的数据
var responseData = JSON.parse(xhr.responseText);
callback(responseData);
} else if (xhr.readyState === 4 && xhr.status !== 200) {
// 请求失败,处理错误信息
console.log('请求失败,错误码:' + xhr.status);
}
};
xhr.send(JSON.stringify(data));
}
```
以上两个模板分别用于发送GET和POST请求。在调用时需要传入URL、参数(对于GET请求)或数据(对于POST请求)、回调函数。回调函数用于处理请求成功后返回的数据。需要注意的是,在发送POST请求时,需要将数据转换为JSON字符串,并在请求头中设置Content-Type为application/json。
阅读全文