別のURLへのAJAX GETリクエストは、GETクエリーで元のURLを追加します。

Question

別のURLにAJAX GETリクエストを行った後、元のURLにGETクエリーが追加されます。以下のコード、データ=とAJAX要求 '' 成功した以下のURL

localhost:8000/ajax/search?query=a 

に行われると

は私のAJAX要求コードです：

$.ajax({ 
      type: "GET", 
      url: "/ajax/search", 
      data: {query: data}, 
      dataType: "json",     
      success: function (a) {       
        console.log(a); 
      } 
}); 

しかし、JsonResponse後AJAXリクエストが行われた元のページのURLにGETデータが追加されています（確認済み）。取得要求が元のURLに追加されないようにするにはどうすればよいですか？ここで

は、Djangoのサーバーからのログデータである：私はAJAXの応答の後、私のURLになりたい

"GET /username/ HTTP/1.1" 200 2947 
"GET /ajax/search?query=a HTTP/1.1" 200 96 
"GET /username/?query=a HTTP/1.1" 200 2947 

/ユーザー名/

Answer 1

ページ内の一部のボタンをクリックしていくつかの機能があることを願っています。その場合、 event.preventDefault（）;

$("#form").submit(function(event) { 

    event.preventDefault(); <------ 
    $.ajax({ 
     type: "GET", 
     url: "/ajax/search", 
     data: {query: data}, 
     dataType: "json",     
     success: function (a) {       
       console.log(a); 
     } 
}); 

}）;

Answer 2

あなたはから任意のクエリパラメータを削除するには、このjQueryのスクリプトを使用することができますURL

$(document).ready(function(){ 
    if (window.location.href.indexOf('?') > -1) { 
     history.pushState('', document.title, window.location.pathname); 
    } 
}); 

Answer 3

使用window.history.pushStatehttps://developer.mozilla.org/en-US/docs/Web/API/History_API#Example_of_pushState()_method

$.ajax({ 
      type: "GET", 
      url: "/ajax/search", 
      data: {query: data}, 
      dataType: "json",     
      success: function (a) {       
       console.log(a); 
       if (window.location.href.indexOf('?') > -1) { # removes the params in URL if exists 
       window.history.pushState({}, document.title, window.location.pathname); # this is the magic 
       } 
      } 
});