Bất cứ ai cũng biết một cách tốt để viết một phần mở rộng jQuery để xử lý các tham số chuỗi truy vấn? Về cơ bản tôi muốn mở rộng ($)hàm ma thuật jQuery để tôi có thể làm một cái gì đó như thế này:

$('?search').val(); 

Cái nào sẽ cho tôi giá trị "kiểm tra" trong URL sau : http://www.example.com/index.php?search=test.

Tôi đã thấy rất nhiều hàm có thể làm điều này trong jQuery và Javascript, nhưng tôi thực sự muốn mở rộng jQuery để hoạt động chính xác như được hiển thị ở trên. Tôi không tìm kiếm một plugin jQuery, tôi đang tìm kiếm một phần mở rộng cho phương thức jQuery.

Sau nhiều năm phân tích chuỗi xấu xí, có một cách tốt hơn: URLSearchParams Hãy xem cách chúng tôi có thể sử dụng API mới này để nhận các giá trị từ vị trí!

// Giả sử "? Post = 1234 & hành động = chỉnh sửa"

var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.has('post')); // true
console.log(urlParams.get('action')); // "edit"
console.log(urlParams.getAll('action')); // ["edit"]
console.log(urlParams.toString()); // "?post=1234&action=edit"
console.log(urlParams.append('active', '1')); // "?

post=1234&action=edit&active=1"

CẬP NHẬT: IE không được hỗ trợ

sử dụng chức năng này từ câu trả lời bên dưới thay vì URLSearchParams

$.urlParam = function (name) {
    var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                      .exec(window.location.search);

    return (results !== null) ? results[1] || 0 : false;
}

console.log($.urlParam('action')); //edit

Tại sao mở rộng jQuery? Điều gì sẽ là lợi ích của việc mở rộng jQuery so với việc chỉ có một chức năng toàn cầu?

function qs(key) {
    key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, "\\$&"); // escape RegEx meta chars
    var match = location.search.match(new RegExp("[?&]"+key+"=([^&]+)(&|$)"));
    return match && decodeURIComponent(match[1].replace(/\+/g, " "));
}

http://jsfiddle.net/gilly3/sgxcL/

Một cách tiếp cận khác là phân tích toàn bộ chuỗi truy vấn và lưu trữ các giá trị trong một đối tượng để sử dụng sau. Cách tiếp cận này không yêu cầu biểu thức chính quy và mở rộng window.locationđối tượng (nhưng, có thể dễ dàng sử dụng biến toàn cục):

location.queryString = {};
location.search.substr(1).split("&").forEach(function (pair) {
    if (pair === "") return;
    var parts = pair.split("=");
    location.queryString[parts[0]] = parts[1] &&
        decodeURIComponent(parts[1].replace(/\+/g, " "));
});

http://jsfiddle.net/gilly3/YnCeu/

Phiên bản này cũng sử dụng Array.forEach(), vốn không có sẵn trong IE7 và IE8. Nó có thể được thêm bằng cách sử dụng triển khai tại MDN hoặc $.each()thay vào đó bạn có thể sử dụng jQuery .

Plugin JQuery jQuery-URL-Parser thực hiện cùng một công việc, ví dụ để lấy giá trị của chuỗi truy vấn tìm kiếm param, bạn có thể sử dụng

$.url().param('search');

Thư viện này không được duy trì tích cực. Theo đề nghị của tác giả của plugin tương tự, bạn có thể sử dụng URI.js .

Hoặc bạn có thể sử dụng js-url thay thế. Nó khá giống với cái bên dưới.

Vì vậy, bạn có thể truy cập thông số truy vấn như $.url('?search')

Tìm thấy viên ngọc này từ bạn bè của chúng tôi tại SitePoint. https://www.sitepoint.com/url-parameter-jquery/ .

Sử dụng jQuery PURE. Tôi chỉ sử dụng này và nó đã làm việc. Tinh chỉnh nó một chút ví dụ vì lợi ích.

//URL is http://www.example.com/mypage?ref=registration&email=bobo@example.com

$.urlParam = function (name) {
    var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                      .exec(window.location.search);

    return (results !== null) ? results[1] || 0 : false;
}

console.log($.urlParam('ref')); //registration
console.log($.urlParam('email')); //bobo@example.com

Sử dụng như bạn muốn.

Đây không phải là mẫu mã của tôi, nhưng tôi đã sử dụng nó trong quá khứ.

//First Add this to extend jQuery

    $.extend({
      getUrlVars: function(){
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
          hash = hashes[i].split('=');
          vars.push(hash[0]);
          vars[hash[0]] = hash[1];
        }
        return vars;
      },
      getUrlVar: function(name){
        return $.getUrlVars()[name];
      }
    });

    //Second call with this:
    // Get object of URL parameters
    var allVars = $.getUrlVars();

    // Getting URL var by its name
    var byName = $.getUrlVar('name');

Tôi đã viết một hàm nhỏ trong đó bạn chỉ phải phân tích tên của tham số truy vấn. Vì vậy, nếu bạn có :? Project = 12 & Mode = 200 & date = 2013-05-27 và bạn muốn tham số 'Chế độ', bạn chỉ phải phân tích tên 'Chế độ' thành hàm:

function getParameterByName( name ){
    var regexS = "[\\?&]"+name+"=([^&#]*)", 
  regex = new RegExp( regexS ),
  results = regex.exec( window.location.search );
  if( results == null ){
    return "";
  } else{
    return decodeURIComponent(results[1].replace(/\+/g, " "));
  }
}

// example caller:
var result =  getParameterByName('Mode');

Dựa trên câu trả lời của @Rob Neild ở trên, đây là một điều chỉnh JS thuần túy trả về một đối tượng đơn giản của các tham số chuỗi truy vấn được giải mã (không có% 20, v.v.).

function parseQueryString () {
  var parsedParameters = {},
    uriParameters = location.search.substr(1).split('&');

  for (var i = 0; i < uriParameters.length; i++) {
    var parameter = uriParameters[i].split('=');
    parsedParameters[parameter[0]] = decodeURIComponent(parameter[1]);
  }

  return parsedParameters;
}

Viết bằng Vanilla Javascript

     //Get URL
     var loc = window.location.href;
     console.log(loc);
     var index = loc.indexOf("?");
     console.log(loc.substr(index+1));
     var splitted = loc.substr(index+1).split('&');
     console.log(splitted);
     var paramObj = [];
     for(var i=0;i<splitted.length;i++){
         var params = splitted[i].split('=');
         var key = params[0];
         var value = params[1];
         var obj = {
             [key] : value
         };
         paramObj.push(obj);
         }
    console.log(paramObj);
    //Loop through paramObj to get all the params in query string.

function parseQueryString(queryString) {
    if (!queryString) {
        return false;
    }

    let queries = queryString.split("&"), params = {}, temp;

    for (let i = 0, l = queries.length; i < l; i++) {
        temp = queries[i].split('=');
        if (temp[1] !== '') {
            params[temp[0]] = temp[1];
        }
    }
    return params;
}

Tôi sử dụng cái này