blocks|key|1075484|text|这可能是一个古老的问题，但我已经尝试过这种方法来删除查询参数。对我来说似乎工作得很顺利，因为我还需要重新加载，并结合删除查询参数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1075485|window.location.href+=+window.location.origin+%2B+window.location.pathname;|code-block|syntax|javascript|1075486|另外，由于我使用的是简单的字符串加法操作，我猜性能会很好。但仍然值得与this+answer中的代码片段进行比较|offset|length|1075487|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/2540992/5617140^0|0|0|Z|B|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

This may be an old question but I have tried this method to remove query params. Seems to work smoothly for me as I needed a reload as well combined with removing of query params.

<pre><code>window.location.href = window.location.origin + window.location.pathname;
</code></pre>

Also since I am using simple string addition operation I am guessing the performance will be good. But Still worth comparing with snippets in <a href="https://stackoverflow.com/a/2540992/5617140">this answer</a>

blocks|key|1290525|text|我能理解以前的痛苦，现在你可以很容易地得到下面这样的东西|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1290526|let+url+=+new+URL('https://example.com?foo=1&bar=2&foo=3');
let+params+=+new+URLSearchParams(url.search);

//+Delete+the+foo+parameter.
params.delete('foo');+//Query+string+is+now:+'bar=2'

//+now+join+the+query+param+and+host
let+newUrl+=++url.origin+%2B+'/'+%2B+params.toString();|code-block|syntax|javascript|1290527|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I can understand how painful things were before, In modern days you can get this super easily like below
<pre><code>let url = new URL('https://example.com?foo=1&amp;bar=2&amp;foo=3');
let params = new URLSearchParams(url.search);

// Delete the foo parameter.
params.delete('foo'); //Query string is now: 'bar=2'

// now join the query param and host
let newUrl = url.origin + '/' + params.toString();
</code></pre>

blocks|key|1290270|text|var+path+=+"path/to/myfile.png?foo=bar#hash";

console.log(
++++path.replace(/(\?.*)%7C(#.*)/g,+"")
);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1290271|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var path = "path/to/myfile.png?foo=bar#hash";

console.log(
 path.replace(/(\?.*)|(#.*)/g, "")
);
</code></pre>

blocks|key|1075395|text|一种简单的方法是，您可以执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1075396|public+static+String+stripQueryStringAndHashFromPath(String+uri)+{
+return+uri.replaceAll(("(\\?.*%7C\\#.*)"),+"");
}|code-block|syntax|javascript|1075397|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

A simple way is you can do as follows

<pre><code>public static String stripQueryStringAndHashFromPath(String uri) {
 return uri.replaceAll(("(\\?.*|\\#.*)"), "");
}
</code></pre>

blocks|key|1075366|text|如果你对RegEx感兴趣...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1075367|var+newURL+=+testURL.match(new+RegExp("[%5E?]%2B"))|code-block|syntax|javascript|1075368|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you're into RegEx....

<pre><code>var newURL = testURL.match(new RegExp("[^?]+"))
</code></pre>

blocks|key|1290399|text|一种使用标准URL的方法|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1290400|/**
+*+@param+{string}+path+-+A+path+starting+with+"/"
+*+@return+{string}
+*/
function+getPathname(path)+{
++return+new+URL(`http://_${path}`).pathname
}

getPathname('/foo/bar?cat=5')+//+/foo/bar|code-block|syntax|javascript|1290401|entityMap^0|6|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

An approach using the standard <code>URL</code>:

<pre><code>/**
 * @param {string} path - A path starting with "/"
 * @return {string}
 */
function getPathname(path) {
 return new URL(`http://_${path}`).pathname
}

getPathname('/foo/bar?cat=5') // /foo/bar
</code></pre>

blocks|key|1075563|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1075564|var+u+=+new+URL('https://server.de/test?q#h')
u.hash+=+''
u.search+=+''
console.log(u.toString())|code-block|syntax|javascript|1075565|1075566|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var u = new URL('https://server.de/test?q#h')
u.hash = ''
u.search = ''
console.log(u.toString())</code></pre>
</div>
</div>

blocks|key|1290158|text|如果您需要对URL进行复杂的操作，可以查看jQuery+url+parser+plugin。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1290159|entityMap|0|LINK|mutability|MUTABLE|url|http://projects.allmarkedup.com/jquery_url_parser/^0|L|O|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you need to perform complex operation on URL, you can take a look to the <a href="http://projects.allmarkedup.com/jquery_url_parser/" rel="nofollow noreferrer">jQuery url parser plugin</a>.

blocks|key|1075559|text|(()+=>+{
++++++++'use+strict';
++++++++const+needle+=+'SortOrder%7CPage';+//+example
++++++++if+(+needle+===+''+%7C%7C+needle+===+'{{1}}'+)+{+
++++++++++++return;+
++++++++}+++++++++++
++++++++const+needles+=+needle.split(/\s*\%7C\s*/);
++++++++const+querystripper+=+ev+=>+{
++++++++++++++++++++if+(ev)+{+window.removeEventListener(ev.type,+querystripper,+true);}
++++++++++++++++++++try+{
++++++++++++++++++++++++++const+url+=+new+URL(location.href);
++++++++++++++++++++++++++const+params+=+new+URLSearchParams(url.search.slice(1));
++++++++++++++++++++++++++for+(const+needleremover+of+needles)+{
++++++++++++++++++++++++++++++++if+(params.has(needleremover))+{
++++++++++++++++++++++++++++++++url.searchParams.delete(needleremover);
++++++++++++++++++++++++++++++++++++window.location.href+=+url;
++++++++++++++++++++++++++++}
++++++++++++++++++++++++++}+++++
++++++++++++++++++++}+catch+(ex)+{+}
++++++++};++++++++++
++++++++if+(document.readyState+===+'loading')+{
+++++++++++++++++window.addEventListener('DOMContentLoaded',+querystripper,+true);
++++++++}+else+{
+++++++++++++++++querystripper();
++++++++}
})();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1075560|我就是这么做的，也有RegEx支持。|unstyled|1075561|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>(() =&gt; {
 'use strict';
 const needle = 'SortOrder|Page'; // example
 if ( needle === '' || needle === '{{1}}' ) { 
 return; 
 } 
 const needles = needle.split(/\s*\|\s*/);
 const querystripper = ev =&gt; {
 if (ev) { window.removeEventListener(ev.type, querystripper, true);}
 try {
 const url = new URL(location.href);
 const params = new URLSearchParams(url.search.slice(1));
 for (const needleremover of needles) {
 if (params.has(needleremover)) {
 url.searchParams.delete(needleremover);
 window.location.href = url;
 }
 } 
 } catch (ex) { }
 }; 
 if (document.readyState === 'loading') {
 window.addEventListener('DOMContentLoaded', querystripper, true);
 } else {
 querystripper();
 }
})();
</code></pre>

That's how I did it, also has RegEx support.

What is an easy way to remove the querystring from a Path in Javascript?
I have seen a plugin for Jquery that uses window.location.search. I can not do that: The URL in my case is a variable that is set from AJAX.

<pre><code>var testURL = '/Products/List?SortDirection=dsc&amp;Sort=price&amp;Page=3&amp;Page2=3&amp;SortOrder=dsc'
</code></pre>

Remove querystring from URL

在Javascript中从路径中删除查询字符串的简单方法是什么？我见过一个使用window.location.search的Jquery插件。我不能这样做:在我的例子中，URL是一个从AJAX设置的变量。var testURL = '/Products/List?SortDirection=dsc&Sort=price&Page=3&Page2=3&SortOrder=dsc'

问从URL中删除查询字符串
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从URL中删除查询字符串EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从URL中删除查询字符串
EN