window.locationが必要に応じて動作しない

Question

（サイト名）/ p /（一部の4桁のコード）のような場所にリダイレクトしようとしています。

私が使用してみました：

window.location.href = "/p/(code)" 

以上、私は次のことを試した働いていなかったとき：

$('#search-product-code').click(function(){ 
    var lookUp = $('#product-search-input').val(); 
    if (lookUp > 999 && lookUp < 9999) { 
     console.log(window.location.protocol + "//" + window.location.hostname + "/p/" + lookUp); 
     if (window.location.port == "") { 
      window.location = window.location.protocol + "//" + window.location.hostname + "/p/" + lookUp; 
     } else { 
      window.location = window.location.protocol + "//" + window.location.hostname + ":" + window.location.port + "/p/" + lookUp; 
     } 
    } 
}); 

私はUATとローカルホスト上のさまざまな問題を取得しています。 UATオン

からURLの変更：ローカルオン https://(sitename)/in-storehttps://p/(code)へ

： https://localhost:9002/in-store/未定義/ P/部分は私がhttps://localhost/p/undefined/p/undefined/p/(code)のようなコードの上に実行しようとするたびに追加され https://localhost:9002/p/undefined/p/(code)します。

上記の両方の方法で同じ結果が得られます。

Answer 1

現在のサイトと同じドメイン内の場所（リダイレクト）を変更する必要がある場合は、windowオブジェクトのpathnameを使用できます。

window.location.pathname = '/p/45987344' 

下記のコードスニペットから目的の結果を得ることができます。ローカルホストの側面にかかわらず。 portのいずれかを確認する必要はありません。これは、あなたのlookUp値が許容値の間にあるときに機能します。

もしそうでなければ、あなたのコード領域の前にあなたのURLを操作している冗長コードがあるかもしれません。

視覚的なヘルプの実際の位置変更コードをコメントアウトしました。

$('#search-product-code').click(function(){ 
 
    var lookUp = $('#product-search-input').val(); 
 
    if (lookUp > 999 && lookUp < 9999) { 
 
     console.log(location + "/p/" + lookUp); 
 
     //location = "/p/" + lookUp; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<input id="product-search-input" /> 
 
<button id="search-product-code">Search</button>