更改时的windows URLSearchParams
Windows URLSearchParams是一个用于操作URL查询参数的API。它允许开发人员在URL中添加、修改、删除查询参数，并提供了一些方便的方法来获取、迭代和序列化查询参数。
Windows URLSearchParams的主要功能包括：
- 添加查询参数：可以使用append()方法向URL中添加一个新的查询参数，该方法接受两个参数，第一个参数是要添加的查询参数的名称，第二个参数是查询参数的值。
- 修改查询参数：可以使用set()方法修改URL中已存在的查询参数的值，该方法接受两个参数，第一个参数是要修改的查询参数的名称，第二个参数是新的查询参数值。
- 删除查询参数：可以使用delete()方法从URL中删除指定的查询参数，该方法接受一个参数，即要删除的查询参数的名称。
- 获取查询参数：可以使用get()方法获取指定查询参数的值，该方法接受一个参数，即要获取的查询参数的名称。
- 迭代查询参数：可以使用entries()、keys()和values()方法来迭代URL中的所有查询参数。entries()方法返回一个迭代器，该迭代器包含所有查询参数的名称和值，keys()方法返回一个迭代器，该迭代器包含所有查询参数的名称，values()方法返回一个迭代器，该迭代器包含所有查询参数的值。
- 序列化查询参数：可以使用toString()方法将URLSearchParams对象序列化为URL查询字符串。
Windows URLSearchParams的优势在于它提供了一组简单易用的方法来操作URL查询参数，使开发人员能够轻松地对URL进行修改和处理。它适用于需要频繁操作URL查询参数的场景，例如在前端开发中处理URL参数、构建URL等。
对于Windows平台，腾讯云没有提供特定的产品或服务与Windows URLSearchParams直接相关。但腾讯云提供了一系列与云计算和Web开发相关的产品和服务，例如云服务器、云数据库、云存储、人工智能服务等，可以帮助开发人员构建和部署基于云计算的应用。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多相关产品和服务的详细信息。
相关·内容
我有用聚合物2构建的组件，我有一些行为，当url中存在query-params标志时调用函数。但是我如何用Sinon来测试它呢？ 组件检查查询参数： new URLSearchParams(window.location.search); 如果 this.switcher = urlParams.get('some-flag') 我需要调用函数。我在connectedCallback中实现了这一行为。 可以用sinon改变url来测试这个行为吗？ 我试着通过调用connectedCallback来实现伪造的url检查功能，并手动设置this.switcher标志，但这对我一点
浏览 33提问于2019-06-12得票数 0
1回答
提前感谢您的宝贵时间。 我正在尝试从URL获取值并自动填充单选选项。 示例URL = https://example.com/v2-search/?&orderBy=relevance&tags=Kinship <form action="https://example.com/v2-search/?" method="GET" >
<div class="uk-inline">
<div class="uk-inline">
浏览 20提问于2020-10-01得票数 0
我正在使用下面的脚本从我的索引页面抓取URL参数，现在我该如何将抓取的内容添加到用户下一步转到的网站上的任何链接/页面？ 我尝试将append类添加到页面上已有的href中，但仍然没有任何内容传输到下一页。 <script>
var qStr = window.location.href.slice(window.location.href.indexOf("?") + 1);
if (qStr.indexOf("utm") > -1) {
$(".append").each(function()
浏览 18提问于2020-10-02得票数 1
2回答
用JS获取请求
、、、、
我需要从我的JavaScript函数发送一个GET请求到我的python应用程序。但是，我尝试手动输入带有参数的URL，结果成功了。但我不能在JS函数中发送相同的请求。响应类型为HTML。
URL应该是这样的：改进
我试过了，但没用：
function sendRequest() {
const xhr = new XMLHttpRequest();
xhr.open('GET', '/books', {
rank: rank,
topic: topic
});
xhr.onload = func
浏览 1提问于2022-08-30得票数 -1
回答已采纳
请有人帮我解决这个问题。我有弹簧控制器，它可以处理每个post请求，有适当的user_name和密码。我想在角度2中访问这个。目前，如果我使用邮递员访问这个，这个工作很好，但是我仍然不能通过角度2访问这个。这是我的弹簧控制器：
@RequestMapping(value = "/login", method = RequestMethod.POST)
public ResponseEntity<Map<String, Object>> login(@RequestParam String user_name, @RequestParam S
浏览 2提问于2016-12-10得票数 1
回答已采纳
我想重写一个函数，如：
function useQuery() {
return new URLSearchParams(useLocation().search);
}
对于React useCallback表单，我的最佳猜测是：
const useQuery = useCallback(
() => {
return new URLSearchParams(useLocation().search);
},
[useLocation]
);
我所犯的错误：
React "useLocation“不能在回调中调用。必须在React函数组件或自定义Rea
浏览 2提问于2021-01-13得票数 1
回答已采纳
我正在开发一个使用服务人员的扩展程序。服务工作者使用通常的chrome.windows.create()打开一个弹出窗口。在开发期间，我有两个铬窗口打开，让我们称之为A& B。A有不同网站的标签。B有测试我的扩展的选项卡。
现在，在B中有一个选项卡，我单击工具栏上的扩展图标，这会使我的扩展启动它自己的窗口，比如上面讨论的C。所以现在总共有3个窗口是开放的。
在我的扩展中，我想在B中找到活动选项卡的标签id，因为这就是我点击扩展图标时所关注的内容。然而，下面给出了C中单个选项卡的选项卡id，这是我扩展的弹出窗口
async function getTabId() {
let qu
浏览 10提问于2022-08-27得票数 0
回答已采纳
我试图调用一个webservice，如下所示，
@RequestMapping(value = { "/persons" },method = RequestMethod.GET,headers="Accept=application/json")
public List<Person> getDummyData(@RequestParam(value="search", defaultValue="a") String search,HttpServletRequest req){
List<Perso
浏览 4提问于2016-02-09得票数 1
回答已采纳
3回答
我需要实现登录在我的Ionic 2应用程序。现在，我只需要确定电子邮件和密码是否正确地收到，并得到一个基本的回应。
我已经成功地测试了对API的GET请求，它正在正常工作，但是我无法让POST请求正常工作。
我尝试过两种方法：
使用subscribe登录组件：
submitLogin() { var电子邮件= this.loginForm.value.email.trim()；var密码= this.loginForm.value.password.trim()；this.userService.makeLogin(电子邮件，密码)；}
服务：
makeLogin(电子邮件:字符串，密码:
浏览 1提问于2016-11-21得票数 1
回答已采纳
1回答
我想在正文中放入活动值0或1。代码我正在使用这个代码，但我不能发送活动状态。仅发送设置的参数。
public activatehomeboxp(id: string): Observable<boolean> {
let headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
let urlSearchParams = new URLSearchParams();
urlSearchPa
浏览 0提问于2018-03-22得票数 0
我们有一个工作的jQuery脚本，它调用一个MVC4 C#控制器方法，如下所示：
// C# controller method
public ActionResult MyMethod(String text, String number)
{
... do something ...
... returns a partial view html result ...
}
// javascript call
var myData = { text:"something", number: "12" };
$.ajax({ url:our
浏览 1提问于2021-08-24得票数 0
回答已采纳
通过这样做，我将创建一个chrome扩展，它将弹出一个新窗口 chrome.windows.create({
url: chrome.runtime.getURL("popup.html"),
type: "popup",
}); 我的问题是从“弹出窗口”我想要从“主窗口”访问活动选项卡，例如，我想要从活动选项卡更改DOM的背景，从那里我点击显示弹出窗口的扩展。我希望这个问题不会令人困惑。:) manifest.json {
"name": "test",
"description": "te
浏览 126提问于2021-07-12得票数 1
回答已采纳
我正在使用NextJS中间件，可以从请求中获取nextUrl对象，其中包括路径名之类的内容，但是如何从中间件中获取查询字符串参数呢？我可以看到它作为href返回的字符串的一部分返回，然后我可以解析自己，但是我想知道它是否在它自己的对象中返回？
例如：
export const middleware = (request) => {
const { nextUrl: { query } } = request;
...
};
其中query等于
{
param1: 'foo',
param2: 'bar',
etc.
}
浏览 31提问于2021-12-08得票数 5
我的iframe是： <iframe src="iframe.html?name=%1A%C3%A9%C2%AB%C2%A1%C2%A7O%C2%AE%C2%87nr%C3%9D" allowtransparency="allowtransparency" allowfullscreen="allowfullscreen" style="width: 100%; height: 100%; margin: 0; padding: 0; z-index: 9999; position: fixed; left: 0; top: 0;
浏览 30提问于2019-07-01得票数 1
回答已采纳
我正在创建angular应用程序来从laravel API获取数据，
let headers = new Headers();
headers.append('Content-Type', 'application/X-www-form-urlencoded');
const loginInfo = 'email=' + email + '&password=' + password;
return this.http.post(this.ApiUrl + '/api/v1/login', loginInf
浏览 2提问于2017-03-20得票数 0
在将aurelia fetch客户端添加到我的项目后，当我运行au run时，我得到了以下异常
/node_modules/aurelia-fetch-client/dist/aurelia-fetch-client.d.ts(73,43): error TS2304: Cannot find name 'URLSearchParams'.
如何解决这个问题？
浏览 0提问于2016-11-11得票数 1
2回答
我试图将数据从角2发送到服务器端的节点js，我的角代码是
addCrib(data:any) {
let bodyString = data;
let headers = new Headers({ 'Content-Type': 'application/json' });
return this.http.post('http://localhost:8000/addcribs',data , {headers:headers}).map(res => res.json()).subscribe(
浏览 4提问于2017-06-04得票数 3
回答已采纳
我正在编写一个(客户端) JavaScript库(一个节点/角度模块)。在这个库中，我使用了URLSearchParams类。
const form = new URLSearchParams();
form.set('username', data.username);
form.set('password', data.pass);
因为这是一个共享库，所以它被打包为npm模块。但是，在运行mocha单元测试时，我得到的错误是URLSearchParams未定义。原因似乎是节点在全局范围内没有URLSearchParams，但必须使用require('
浏览 3提问于2017-11-13得票数 33
1回答
在这个角度2应用程序中，可以同时触发多个HTTP请求。这些组件是从同一个组件的实例中触发的，但是其中一些组件可以一次显示在一个页面上。
服务器在发出数据之前需要检索令牌。现在，每当同时触发6个请求时，都会对每个请求执行一次检查，以查看令牌是否有效。但是，如果它无效，则不会等待第一个请求的响应，并对其他请求使用该令牌。
我使用mergeMap确保在检索令牌之后执行对数据的请求，这使应用程序能够正常工作。但是，当请求同时被触发时，我不希望它检索多个令牌。
我已经尝试了很多事情，但我似乎找不到适合我的方案的解决方案。如果你能提供任何帮助，我将不胜感激。看看下面我尝试过的一些代码。
Get
Get =
浏览 3提问于2016-11-24得票数 0
我正在为Google云函数编写代码。这里我想使用包括URLSearchParams在内的URL标准。我发现它们是TypeScript DOM库的一部分，所以我将其添加到我的tsconfig lib设置中。
然而，当我编译和部署云函数时，我得到一个运行时错误，告诉我URLSearchParams没有定义。
我遗漏了什么？我使用的是TS 2.6
下面是我的配置：
{
"compilerOptions": {
/* Basic Options */
"target": "es6",
"module": &#
浏览 8提问于2017-11-28得票数 2
2回答
我觉得这太简单了，但我就是想不通。
请看下面的代码：
if(getUrlParameter('style') && getUrlParameter('style') != "all"){
var type = getUrlParameter('style');
}
else
if (getUrlParameter('type') == "res") {
var type = "Homes";
} else if (getUrlPara
浏览 7提问于2020-05-20得票数 0
运行Shopify CLI，但仍然很难做任何事情。
我想从购物检索这些id之间的10篇文章，但我得到了一个错误，URLSearchParams是不被识别的。我很确定这是一件非常容易的事情。
下面的完整代码就是我现在所在的位置。
index.js
import { Heading, Page } from "@shopify/polaris";
const Index = () => (
<Page
title='Trustpilot Aggreggation Uploader'
primaryAction={{
浏览 1提问于2021-04-17得票数 0
我正在尝试使用react-js-pagination在我的web应用程序中创建分页。分页显示在网页中，但我想改变url内的页面参数根据页码，如&page=4。我试着用 this.props.history.push(`${window.location.search}&page=${pageNumber}`) 但这是每次我点击分页链接时附加的&page=4。我知道这种更新url的错误方法。如何根据url中的pageNumber仅更新页面参数？ handlePageChange = (pageNumber) => {
this.setState({activeP
浏览 51提问于2019-01-14得票数 7
回答已采纳
我想准备一封用mailto发送的电子邮件:这封电子邮件包含几个单词和一个js脚本。不需要执行此脚本。它只是供接收器复制和粘贴。 脚本： <script id="myID">var script = document.createElement("script");script.src="script-to-inject.js?id=myID&type=0&name=Name&size=120";document.head.appendChild(script); </script> 和我的邮箱地址
浏览 47提问于2021-10-14得票数 0
回答已采纳
1回答
我在应用程序中使用离子3/角4，我在登录功能上有问题。我想从这里更改json格式：
> this.data = {
> grant_type: "password",
> username: this.loginData.username,
> password: this.loginData.password,
> client_id: "client"
> };
像这样的事情
?gr
浏览 0提问于2018-04-18得票数 0
回答已采纳
这里有成百上千的例子展示了如何获取URL参数，但是我找不到任何一个只列出参数(变量)、名称而不是值的例子？ 例如，如果我有如下内容： www.mydomain.com/filtres?makes=honda,mazda,jeep&models=crv,cx5,wamgler&years=2008 我只想要 如果URL更改为 www.mydomain.com/filtres?makes=honda,mazda,jeep&models=crv,cx5,wamgler 应该是这样的 或on www.mydomain.com/filtres?makes=honda,mazda
浏览 35提问于2020-05-30得票数 0
回答已采纳
我们通过xmlhttprequest将数据传递给Studio的REST Api。当我只传递To，From和Body时，它工作得很好。但是，我希望将自定义参数传递给api，比如"location“和"surveyentity”，并在演播室中将其作为flow.data.location和flow.data.surveyentity使用。 我们使用XMLHttpRequest的原因是，这是我们以前的开发人员设置我们的应用程序的方式。我知道Twilio只有服务器端SDK，他们不建议像Vue那样把它放在前台，但我认为我们很不幸。我们目前正在使用Vue和XMLHttpRequest。
浏览 10提问于2021-07-20得票数 0
回答已采纳
1回答
我正试图为在windows中安装软件编写食谱。当我使用windows_package时，installable正在被下载和安装。但是，post安装可安装是不会被删除的。我们需要手动删除那个文件吗。
有什么最佳做法可以这样做吗。
浏览 4提问于2015-06-02得票数 0
回答已采纳
我想向我的webapi发送一个带有一些搜索参数的http.get请求，以获取学生列表。我找到了一些关于如何做到这一点的示例，但在完全按照示例中的操作进行操作后，我得到了这个奇怪的错误：
Type 'URLSearchParams' is not assignable to type 'URLSearchParams'. Two different types with this name exist, but they are unrelated.
Property 'rawParams' is missing in type 'URLS
浏览 74提问于2017-04-06得票数 23
回答已采纳
我有一个Asp.Net web控制器如下所示：
[HttpPost]
public IHttpActionResult RepHistorie([FromUri]string vnr, [FromUri]string lagerort)
{
...
}
所以你可以看到有两个值。我使用URLSearchParams发送参数。不幸的是，这并不适用于多个param。我不知道为什么，这对我来说真的很奇怪。
let params: URLSearchParams = new URLSearchParams();
params.set('vnr', this.vnr);
param
浏览 1提问于2017-07-20得票数 4
回答已采纳
请帮助我解决这个想法:我想选择语言和刷新页面后，选择，它应该改变本页的语言。我的目标:在从下拉列表中选择之后，我将通过document.getElementById(‘language’)获得值；并希望将这个值发送到下一个页面，命名为ajax_lang.php，并在该页面中设置会话，然后希望使会话使用SESSION laguage刷新页面。
我复制了tried.But失败的代码。请帮我解决这个问题。提前谢谢。第1.php会话开始代码:第2部分:JavaScript3.html代码第4部分: ajax_lang.php
if(!isset($_SESSION))
{
浏览 1提问于2022-07-31得票数 0
3回答
我有一个查询字符串：
"paymentMethod=1&fullname=&persona=&companyName=&countryName=&email=&totalCameras=&camerasOwned=&cameraShares=&snapmailCount=&sessionCount=&createdAtDate=&lastLoginAtDate=&telephone=&sort=created_at%7Cdesc&limit=50&page=1
浏览 2提问于2021-02-09得票数 3
回答已采纳
1回答
我正在使用Parse来使用Angular2获取一些数据，一切正常，但是我需要使用降序来获取数据，回到Parse文档，应该执行以下操作：
curl -X GET \
-H "X-Parse-Application-Id: appID" \
-H "X-Parse-REST-API-Key: keyID" \
-G \
--data-urlencode 'order=-score' \
https://api.parse.com/1/classes/GameScore
我想在我的data-urlencode代码中模拟cURL，我主要需要的是实现：
目
浏览 5提问于2016-04-19得票数 1
回答已采纳
1回答
我做过这样的事情：
setURL(){
this.router.navigate(['/app/chart', {height: this.chartHeight, width: this.chartWidth}]);
}
ngOnInit() {
this.route.params.subscribe(
(params: any) => {
this.chartHeight= params['height'] || 0;
this.chartWidth= params[
浏览 0提问于2017-03-16得票数 0
1回答
我希望我能在这件事上得到帮助。下面是我写的用来发电子邮件和密码的代码。在到达服务器之前，一切看起来都很好。服务器将其处理为：
{ '{"email":"email@gmail.com","pin":"1234"}': '' }
我不知道问题出在哪里。我试着通过POSTman发送电子邮件和密码，这是没有问题的。我甚至还包括了POSTman创建的标题(Content:application/x form-urlencoded)，以确保以相同的方式发送所有信息。
这是我的离子密码：
export clas
浏览 2提问于2017-10-12得票数 1
回答已采纳
我不明白为什么，我哪儿也找不到答案。
当我想在http请求中使用params时，我有这个问题。
identificationClientMAil(phone: string, mail: string) : Observable <any>{
let params = new HttpParams().append('phone', phone).append('mail', mail);
return this.http.get('http://localhost:8000/Programme/extranet-api/p
浏览 0提问于2017-11-06得票数 1
我有一些数据在我的HTML页面，我需要加密这些数据在本地应用程序。
为此，我在客户机上添加了一个自定义URL方案，如下所描述的页面：
因此，我可以触发我的本地应用程序并向其发送数据。在我的本地应用程序中，数据是加密的。但是如何将加密的数据发送回我的HTML页面呢？
非常感谢你的回复，谢谢！
浏览 0提问于2020-07-10得票数 0
1回答
我有这种类型的URL：
www.domain.com/postname?emailid=somethingsomething
我必须把这部分：
somethingsomething
在WP标题中，JS代码段中更准确，如下所示：
<script>
window.HashedEmail = 'somethingsomething';
</script>
编辑:建议的答案显示了如何提取特定的数据，而不是如何将提取的数据放入头中，例如-如何使用提取的数据集进行操作。
浏览 1提问于2022-05-10得票数 0
2回答
我试着从网址上获取数据。
除了在：let urlFilters之外，一切都正常工作。
我想做的是：
urlFilters：迭代数组：filters (如果不是空的话)将输出保存在：let
到现在为止，迭代似乎起作用了。当I console.log(urlFilters)时，我会得到键值对，如"filter=orange“或"filter=apple?”。问题是:只保存最后一个键值对，从而用于url。
我的问题是:如何从迭代中保存所有键值对，并将它们全部使用在url中？
const getInfo = async(filters, searchTerm) => {
浏览 6提问于2021-01-29得票数 0
1回答
情况
如果这是一个基本的问题，很抱歉。
在我的Ionic 2应用程序中，我有一个帖子请求登录。它正在正常工作。有一个有电子邮件和密码的表单。我将这些数据发送到API，并得到相应的用户数据作为响应。
唯一的问题是，我在服务中获得了这些数据。
然后如何将这些数据传递给loginPage组件？
在控制台中，我可以看到所有正确接收到的数据。只有console.log在服务中。
我只需要将数据传递给组件。
代码
LoginPage组件
makeLogin()
{
var email = this.loginForm.value.email.trim();
var password =
浏览 8提问于2016-11-22得票数 0
回答已采纳
3回答
我们正在使用jest进行模拟。用于在我们的应用程序中呈现的enzyme。
这里我试图模仿URLSearchParams的get方法。
我试着用
jest.spyOn(URLSearchParams, 'get');
但它不起作用。
我的react类看起来像是
export default class Concepts extends React.Component {
static getDerivedStateFromProps(props) {
const searchParams = new URLSearchParams(props.search);
re
浏览 0提问于2018-10-19得票数 7
我有一个带有react路由器和动态URL的react应用。我还有两个GET参数，比如/?name=something&date=2021，虽然name参数运行良好，但出于某种原因，date总是返回null。我使用onSubmit在表单中设置参数
function submitAction(e) {
e.preventDefault();
props.onChange(search, selectedDate);
const currUrl = new URL(window.location.href);
currUrl.searchParams.set("dat
浏览 22提问于2021-06-05得票数 0
回答已采纳
我正在尝试在Angular2中使用trying顺酐。我搜索了很多，但是这些例子只适用于angular1，如下所示。
在Angular2中使用它的语法是什么？
浏览 2提问于2016-10-04得票数 7
回答已采纳
1回答
我想用正则表达式删除重复的单词 let url = "/courses?category=programming&filter=free&filter=free"
const az = url.replace(/(\b\S.+\b)(?=.*\1)/g, "").trim();
console.log(az) // /courses?category=programmingfree&filter=free 我想让/courses?category=programming&filter=free
浏览 32提问于2021-10-09得票数 1
回答已采纳
我有一个spring mvc后端。
分页rest控制器：
@RequestMapping(value = "/blog", method=RequestMethod.GET)
public Page<Blog> getEntryByPageable(@PageableDefault(value = 15, sort = { "id" }, direction = Sort.Direction.DESC)
Pageable pageable) {
return blogRepository.findAll(pageable);
}
在
浏览 0提问于2016-10-12得票数 0
我有一个在应用程序中处理路由的react应用程序。我从db获得json对象的参数如下所示：
let paramsObj = {
state: {
Corp: "CorpCode",
Location: "LocationCode",
IsCorp: false
}
};
如何将this?state=%7B%20Corp%3A%20%22CorpCode%22%2C%20Location%3A%20%22LocationCode%22%2C%20
浏览 2提问于2022-06-09得票数 2
1回答
我有一个System.Drawing.Region对象，其中GetBounds()方法返回
{X =0.0Y= 0.0宽度= 120.0高度= 120.0}
但是，当我使用矩形执行execute ()方法时：
region.Exclude(New System.Drawing.Rectangle(60, -20, 100, 160))
我希望Region.GetBounds方法会返回
{X =0.0Y= 0.0宽度= 60.0高度= 120.0}
相反，Exclude()调用似乎什么也不做。类似地，使用Intersect()方法
region.Intersect(New Sys
浏览 2提问于2012-08-22得票数 0
回答已采纳
我有两个URLSearchParams对象，我想将这两个对象中的第三个合并在一起。
例如，我本可以
let params1 = new URLSearchParams();
params1.set('page', 'one');
params1.set('size', 'hundred');
let params2 = new URLSearchParams();
params2.set('orderBy', 'size');
params2.set('order', 'a
浏览 1提问于2017-07-16得票数 5
回答已采纳
在我的react应用程序中，有一个组件需要分页。我想要做的是，实际上允许分页也从url完成，而不仅仅是ui。因此，如果我转到 localhost\users?page=2 我可以将链接分享给任何人，他们将被重定向到用户组件的第2页。 目前我正在做这样的事情 <Pagination
page={state.pageNo}
count={state.pageCount}
variant="outlined"
shape="rounded"
color="secondary"
showLastButton={state.
浏览 19提问于2021-03-21得票数 1
1回答
我有一个函数getData()，它在我输入文本不为空时在submit上启动， Index.svelte <script>
let inputValue = '';
let responseData;
async function getData(){
let url = new URL('url');
url.search = new URLSearchParams({
url: inputValue
})
const respons
浏览 23提问于2021-01-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
