Nối một thông số vào URL hiện tại

Question

Tôi muốn có một nút trứng Phục sinh nhỏ ở góc của một trang dự án. Khi được nhấp, nó chỉ thả một chuỗi vào url hiện tại và tải lại trang.

Vì vậy, nếu tôi đang trên: http://test.com/projects/view/134

Nút được nhấp

trang tải lại trên: http://test.com/projects/view/134?ts=true

Không thực sự chắc chắn làm thế nào tôi có thể đi về làm như vậy mặc dù.

Answer 1

Bạn có thể gán location.href với giá trị nó hiện có, cộng với chuỗi truy vấn mới của bạn:

(chỉnh sửa để có thân thiện với querystrings hiện)

$("#yourButtonId").click({ 
    var loc = location.href; 
    if (loc.indexOf("?") === -1) 
     loc += "?"; 
    else 
     loc += "&"; 
    location.href = loc + "ts=true"; 
}); 

Hoặc để được gọn gàng hơn:

$("#yourButtonId").click({ 
    var loc = location.href;   
    loc += loc.indexOf("?") === -1 ? "?" : "&"; 

    location.href = loc + "ts=true"; 
}); 

Answer 2

Bạn có nghĩa là:

 

$(document).ready(function() { 
    $("#yourButtonId").click(function() { 
     var currentUrl = window.location.pathname + "?ts=true"; 
    }); 
}); 

 

Answer 3

location.href += '?ts=true'; 

Giống như vậy.

Answer 4

thử mã này,

var separator = (window.location.href.indexOf("?")===-1)?"?":"&"; 
window.location.href = window.location.href + separator + "ts=true"; 

CHỈNH SỬA: để tránh tham số trùng lặp hoặc chuỗi rất lớn trong url của bạn, bạn cần phải thay thế các param cũ nó đã tồn tại.

var url=window.location.href, 
    separator = (url.indexOf("?")===-1)?"?":"&", 
    newParam=separator + "ts=true"; 
    newUrl=url.replace(newParam,""); 
    newUrl+=newParam; 
    window.location.href =newUrl; 

Answer 5

Nếu bạn muốn chiếm sự tồn tại tiềm năng của một băm "#" trong URL, tiến hành như sau:

var href = location.href; 
var hasQuery = href.indexOf("?") + 1; 
var hasHash = href.indexOf("#") + 1; 
var appendix = (hasQuery ? "&" : "?") + "ts=true"; 
location.href = hasHash ? href.replace("#", appendix + "#") : href + appendix; 

Answer 6

Tôi tìm thấy câu trả lời trước thiếu và như vậy đây là một phương pháp xử lý tốt hơn các tham số khác trong chuỗi truy vấn hiện tại

appendToQueryString = function (param, val) { 
    var queryString = window.location.search.replace("?", ""); 
    var parameterListRaw = queryString == "" ? [] : queryString.split("&"); 
    var parameterList = {}; 
    for (var i = 0; i < parameterListRaw.length; i++) { 
     var parameter = parameterListRaw[i].split("="); 
     parameterList[parameter[0]] = parameter[1]; 
    } 
    parameterList[param] = val; 

    var newQueryString = "?"; 
    for (var item in parameterList) { 
     if (parameterList.hasOwnProperty(item)) { 
      newQueryString += item + "=" + parameterList[item] + "&"; 
     } 
    } 
    newQueryString = newQueryString.replace(/&$/, ""); 
    return location.origin + location.pathname + newQueryString; 
} 

Bạn phải sử dụng location.href = appendToQueryString(ts, true) để tải lại trang thực sự.

Answer 7

Một cải tiến từ @Bobbzorzen câu trả lời, với khả năng xóa param bằng cách chỉ tên gọi của nó:

function AlterQueryString(param, val) { 
    var queryString = window.location.search.replace("?", ""); 
    var parameterListRaw = queryString == "" ? [] : queryString.split("&"); 
    var parameterList = {}; 
    for (var i = 0; i < parameterListRaw.length; i++) { 
     var parameter = parameterListRaw[i].split("="); 
     if (typeof val != 'undefined') { 
      parameterList[parameter[0]] = parameter[1]; 
     } else if (param != parameter[0]) { 
      parameterList[parameter[0]] = parameter[1]; 
     } 
    } 
    if (typeof val != 'undefined') { 
     parameterList[param] = val; 
    } 

    var newQueryString = Object.keys(parameterList).length > 0 ? "?" : ""; 
    for (var item in parameterList) { 
     if (parameterList.hasOwnProperty(item)) { 
      newQueryString += item + "=" + parameterList[item] + "&"; 
     } 
    } 
    newQueryString = newQueryString.replace(/&$/, ""); 
    return location.origin + location.pathname + newQueryString; 
} 

gist: https://gist.github.com/envil/bc1832503bef55ffdabb0cde32bb06f1

Answer 8

Hãy sử dụng đầy đủ các API location DOM, và đếm trong băm:

location.protocol + '//' + location.pathname + 
 
    (location.search ? location.search + '&a=b' : '?a=b') + 
 
    location.hash;

Answer 9

Sử dụng:

• https://developer.mozilla.org/en-US/docs/Web/API/URL
• https://developer.mozilla.org/fr/docs/Web/API/URLSearchParams

Ví dụ:

var url = new URL("http://foo.bar/?x=1&y=2"); 

// If your expected result is "http://foo.bar/?x=1&y=2&x=42" 
url.searchParams.append('x', 42); 

// If your expected result is "http://foo.bar/?x=42&y=2" 
url.searchParams.set('x', 42); 

// Build result 
url.toString(); 

Answer 10

Xem tài liệu của API lịch sử:

https://developer.mozilla.org/en-US/docs/Web/API/History_API

Ví dụ về sử dụng:

var obj = { Title: title, Url: url }; history.pushState(obj, obj.Title, obj.Url);