web-dev-qa-db-ja.com

javascriptまたはjqueryを使用してURLパラメーターを削除する

YoutubeデータAPIを使用して、ビデオプレイリストを生成しようとしています。ただし、動画のURLにはyoutube.com/watch?v=3sZOD3xKL0Yの形式が必要ですが、apiが生成するのはyoutube.com/watch?v=3sZOD3xKL0Y&feature=youtube_gdataです。したがって、アンパサンド以降を含むすべてを選択して、URLから削除する必要があります。 javascriptと何らかの正規表現でこれを行う方法はありますか？

javascriptjqueryquery-stringexpression
33
mheavers

シンプル：

var new_url = old_url.substring(0, old_url.indexOf('?'));

変更：これにより、URLからすべてのパラメーターまたはフラグメントが削除されます

var oldURL = [YOUR_URL_TO_REMOVE_PARAMS]
var index = 0;
var newURL = oldURL;
index = oldURL.indexOf('?');
if(index == -1){
    index = oldURL.indexOf('#');
}
if(index != -1){
    newURL = oldURL.substring(0, index);
}
34
Jacob Relkin

私は何が欠けていますか？

何故なの：

url.split('?')[0]
43
goldylucks

うーん...より良い方法を探しています...ここにあります

var onlyUrl = window.location.href.replace(window.location.search,'');
22
hriziya

例：http://jsfiddle.net/SjrqF/

var url = 'youtube.com/watch?v=3sZOD3xKL0Y&feature=youtube_gdata';

url = url.slice( 0, url.indexOf('&') );

または：

例：http://jsfiddle.net/SjrqF/1/

var url = 'youtube.com/watch?v=3sZOD3xKL0Y&feature=youtube_gdata';

url = url.split( '&' )[0];
20
user113716
//user113716 code is working but i altered as below. it will work if your URL contain "?" mark or not
//replace URL in browser
if(window.location.href.indexOf("?") > -1) {
    var newUrl = refineUrl();
    window.history.pushState("object or string", "Title", "/"+newUrl );
}

function refineUrl()
{
    //get full url
    var url = window.location.href;
    //get url after/  
    var value = url = url.slice( 0, url.indexOf('?') );
    //get the part after before ?
    value  = value.replace('@System.Web.Configuration.WebConfigurationManager.AppSettings["BaseURL"]','');  
    return value;     
}
5
chozha rajan

この機能を使用します。

var getCleanUrl = function(url) {
  return url.replace(/#.*$/, '').replace(/\?.*$/, '');
};

// get rid of hash and params
console.log(getCleanUrl('https://sidanmor.com/?firstname=idan&lastname=mor'));

すべてのhrefパーツが必要な場合は、これを使用します。

var url = document.createElement('a');
url.href = 'https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container';

console.log(url.href); // https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container
console.log(url.protocol); // https:
console.log(url.Host); // developer.mozilla.org
console.log(url.hostname); // developer.mozilla.org
console.log(url.port); // (blank - https assumes port 443)
console.log(url.pathname); // /en-US/search
console.log(url.search); // ?q=URL
console.log(url.hash); // #search-results-close-container
console.log(url.Origin); // https://developer.mozilla.org
2
sidanmor

さて、私はこれを使用しています：

stripUrl(urlToStrip){
        let stripped = urlToStrip.split('?')[0];
        stripped = stripped.split('&')[0];
        stripped = stripped.split('#')[0];
        return stripped;
    }

または：

    stripUrl(urlToStrip){
        return urlToStrip.split('?')[0].split('&')[0].split('#')[0];
    }
1
sfratini

URLはyoutube.com/watch?v = ...であることがわかっているため、RegExを使用してvの値と一致させ、URLを自分で作成できます。

http://jsfiddle.net/akURz/

var url = 'http://youtube.com/watch?v=3sZOD3xKL0Y';
alert(url.match(/v\=([a-z0-9]+)/i));
1
Christian Joudrey

たとえば、次のとおりです。

example.com/list/search?q=Somethink

そして、window.location.hrefでこのような変数urlを使用する必要があります：

example.com/list/edit

URLから：

example.com/list/search?q=Somethink
example.com/list/

var url = (window.location.href);
    url = url.split('/search')[0];
    url = (url + '/edit');

これは簡単な解決策です:-)

0
Adrian

これは私のために働いた：

window.location.replace(window.location.pathname)
0
Santiago Martí Olbrich