Dapatkan parameter URL lolos

Saya mencari plugin jQuery yang bisa mendapatkan parameter URL, dan mendukung string pencarian ini tanpa menghasilkan kesalahan JavaScript: "urutan URI cacat". Jika tidak ada plugin jQuery yang mendukung ini, saya perlu tahu cara memodifikasinya untuk mendukung ini.

?search=%E6%F8%E5

Nilai parameter URL, ketika diterjemahkan, harus:

æøå

(karakternya adalah Bahasa Norwegia).

Saya tidak memiliki akses ke server, jadi saya tidak dapat mengubah apa pun di dalamnya.

function getURLParameter(name) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
}

Di bawah ini adalah apa yang saya buat dari komentar di sini, serta memperbaiki bug yang tidak disebutkan (seperti benar-benar mengembalikan nol, dan bukan 'nol'):

function getURLParameter(name) {
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}

Yang benar-benar Anda inginkan adalah plugin Parser URL jQuery . Dengan plugin ini, mendapatkan nilai parameter URL tertentu (untuk URL saat ini) terlihat seperti ini:

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

Jika Anda menginginkan objek dengan nama parameter sebagai kunci dan nilai parameter sebagai nilai, Anda hanya perlu memanggil param()tanpa argumen, seperti ini:

$.url().param();

Perpustakaan ini juga berfungsi dengan url lain, bukan hanya yang saat ini:

$.url('http://allmarkedup.com?sky=blue&grass=green').param();
$('#myElement').url().param(); // works with elements that have 'src', 'href' or 'action' attributes

Karena ini adalah seluruh parsing pustaka URL, Anda juga bisa mendapatkan informasi lain dari URL, seperti port yang ditentukan, atau path, protokol, dll:

var url = $.url('http://allmarkedup.com/folder/dir/index.html?item=value');
url.attr('protocol'); // returns 'http'
url.attr('path'); // returns '/folder/dir/index.html'

Ini memiliki fitur lain juga, periksa beranda untuk lebih banyak dokumen dan contoh.

Alih-alih menulis parser URI Anda sendiri untuk tujuan khusus ini yang agak berfungsi dalam kebanyakan kasus, gunakan parser URI yang sebenarnya. Bergantung pada jawabannya, kode dari jawaban lain dapat kembali 'null'sebagai ganti null, tidak berfungsi dengan parameter kosong ( ?foo=&bar=x), tidak dapat menguraikan dan mengembalikan semua parameter sekaligus, mengulangi pekerjaan jika Anda berulang kali meminta URL untuk parameter dll.

Gunakan parser URI yang sebenarnya, jangan buat parser Anda sendiri.

Bagi mereka yang menolak jQuery, ada versi plugin yang murni JS .

Jika Anda tidak tahu akan seperti apa parameter URL dan ingin mendapatkan objek dengan kunci dan nilai yang ada di parameter, Anda bisa menggunakan ini:

function getParameters() {
  var searchString = window.location.search.substring(1),
      params = searchString.split("&"),
      hash = {};

  if (searchString == "") return {};
  for (var i = 0; i < params.length; i++) {
    var val = params[i].split("=");
    hash[unescape(val[0])] = unescape(val[1]);
  }
  return hash;
}

Memanggil getParameters () dengan url like /posts?date=9/10/11&author=nilbusakan kembali:

{
  date:   '9/10/11',
  author: 'nilbus'
}

Saya tidak akan memasukkan kode di sini karena lebih jauh dari pertanyaan, tetapi weareon.net memposting perpustakaan yang memungkinkan manipulasi parameter dalam URL juga:

• Posting blog: http://blog.weareon.net/working-with-url-parameters-in-javascript/
• Kode: http://pastebin.ubuntu.com/1163515/

Anda dapat menggunakan properti location.search asli browser :

function getParameter(paramName) {
  var searchString = window.location.search.substring(1),
      i, val, params = searchString.split("&");

  for (i=0;i<params.length;i++) {
    val = params[i].split("=");
    if (val[0] == paramName) {
      return unescape(val[1]);
    }
  }
  return null;
}

Tetapi ada beberapa plugin jQuery yang dapat membantu Anda:

• objek-permintaan
• getURLParam

Berdasarkan jawaban 999 :

function getURLParameter(name) {
    return decodeURIComponent(
        (location.search.match(RegExp("[?|&]"+name+'=(.+?)(&|$)'))||[,null])[1]
    );  
}

Perubahan:

• decodeURI() diganti dengan decodeURIComponent()
• [?|&] ditambahkan di awal regexp

Perlu menambahkan parameter i untuk membuatnya tidak sensitif huruf:

  function getURLParameter(name) {
    return decodeURIComponent(
      (RegExp(name + '=' + '(.+?)(&|$)', 'i').exec(location.search) || [, ""])[1]
    );
  }

Setelah membaca semua jawaban saya berakhir dengan versi ini dengan + fungsi kedua untuk menggunakan parameter sebagai flag

function getURLParameter(name) {
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)','i').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}

function isSetURLParameter(name) {
    return (new RegExp('[?|&]' + name + '(?:[=|&|#|;|]|$)','i').exec(location.search) !== null)
}

$.urlParam = function(name){
  var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(top.window.location.href); 
  return (results !== null) ? results[1] : 0;
}

$.urlParam("key");

Misalnya, fungsi yang mengembalikan nilai variabel parameter apa pun.

function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return sParameterName[1];
        }
    }
}​

Dan ini adalah bagaimana Anda dapat menggunakan fungsi ini dengan asumsi URL-nya adalah,

"http://example.com/?technology=jquery&blog=jquerybyexample".

var tech = GetURLParameter('technology');
var blog = GetURLParameter('blog');

Jadi dalam variabel kode di atas "tech" akan memiliki "jQuery" sebagai nilai dan variabel "blog" akan menjadi "jquerybyexample".

Anda seharusnya tidak menggunakan jQuery untuk hal seperti ini!
Cara modern adalah dengan menggunakan modul kecil yang dapat digunakan kembali melalui manajer paket seperti Bower.

Saya telah membuat modul kecil yang dapat mem-parsing string kueri ke dalam objek. Gunakan seperti ini:

// parse the query string into an object and get the property
queryString.parse(unescape(location.search)).search;
//=> æøå

Ada banyak kode buggy di sini dan solusi regex sangat lambat. Saya menemukan solusi yang bekerja hingga 20x lebih cepat daripada rekan regex dan elegan sederhana:

    /*
    *   @param      string      parameter to return the value of.
    *   @return     string      value of chosen parameter, if found.
    */
    function get_param(return_this)
    {
        return_this = return_this.replace(/\?/ig, "").replace(/=/ig, ""); // Globally replace illegal chars.

        var url = window.location.href;                                   // Get the URL.
        var parameters = url.substring(url.indexOf("?") + 1).split("&");  // Split by "param=value".
        var params = [];                                                  // Array to store individual values.

        for(var i = 0; i < parameters.length; i++)
            if(parameters[i].search(return_this + "=") != -1)
                return parameters[i].substring(parameters[i].indexOf("=") + 1).split("+");

        return "Parameter not found";
    }

console.log(get_param("parameterName"));

Regex bukan solusi semua-dan-semua-akhir, untuk jenis masalah manipulasi string sederhana dapat bekerja dalam jumlah besar lebih efisien. Sumber kode .

<script type="text/javascript">
function getURLParameter(name) {
        return decodeURIComponent(
            (location.search.toLowerCase().match(RegExp("[?|&]" + name + '=(.+?)(&|$)')) || [, null])[1]
        );
    }

</script>

getURLParameter(id)atau getURLParameter(Id)Bekerja sama :)

Cuplikan kode jQuery untuk membuat variabel dinamis disimpan di url sebagai parameter dan menyimpannya sebagai variabel JavaScript yang siap digunakan dengan skrip Anda:

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
}

example.com?param1=name&param2=&id=6

$.urlParam('param1'); // name
$.urlParam('id');        // 6
$.urlParam('param2');   // null

//example params with spaces
http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//output: Gold%20Coast

console.log(decodeURIComponent($.urlParam('city'))); 
//output: Gold Coast

function getURLParameters(paramName) 
{
        var sURL = window.document.URL.toString();  
    if (sURL.indexOf("?") > 0)
    {
       var arrParams = sURL.split("?");         
       var arrURLParams = arrParams[1].split("&");      
       var arrParamNames = new Array(arrURLParams.length);
       var arrParamValues = new Array(arrURLParams.length);     
       var i = 0;
       for (i=0;i<arrURLParams.length;i++)
       {
        var sParam =  arrURLParams[i].split("=");
        arrParamNames[i] = sParam[0];
        if (sParam[1] != "")
            arrParamValues[i] = unescape(sParam[1]);
        else
            arrParamValues[i] = "No Value";
       }

       for (i=0;i<arrURLParams.length;i++)
       {
                if(arrParamNames[i] == paramName){
            //alert("Param:"+arrParamValues[i]);
                return arrParamValues[i];
             }
       }
       return "No Parameters Found";
    }

}

Saya membuat fungsi sederhana untuk mendapatkan parameter URL dalam JavaScript dari URL seperti ini:

.....58e/web/viewer.html?page=*17*&getinfo=33


function buildLinkb(param) {
    var val = document.URL;
    var url = val.substr(val.indexOf(param))  
    var n=parseInt(url.replace(param+"=",""));
    alert(n+1); 
}
buildLinkb("page");

KELUARAN: 18

Kalau-kalau kalian punya url seperti localhost / index.xsp? A = 1 # sesuatu dan Anda perlu mendapatkan param bukan hash.

var vars = [], hash, anchor;
var q = document.URL.split('?')[1];
if(q != undefined){
    q = q.split('&');
    for(var i = 0; i < q.length; i++){
        hash = q[i].split('=');
        anchor = hash[1].split('#');
        vars.push(anchor[0]);
        vars[hash[0]] = anchor[0];
    }
}

Sedikit modifikasi pada jawaban oleh @pauloppenheim, karena tidak akan menangani nama parameter dengan benar yang dapat menjadi bagian dari nama parameter lainnya.

Misalnya: Jika Anda memiliki parameter "appenv" & "env", ulang nilai untuk "env" dapat mengambil nilai "appenv".

Memperbaiki:

var urlParamVal = function (name) {
    var result = RegExp("(&|\\?)" + name + "=(.+?)(&|$)").exec(location.search);
    return result ? decodeURIComponent(result[2]) : "";
};

Ini bisa membantu.

<script type="text/javascript">
    $(document).ready(function(){
        alert(getParameterByName("third"));
    });
    function getParameterByName(name){
        var url     = document.URL,
            count   = url.indexOf(name);
            sub     = url.substring(count);
            amper   = sub.indexOf("&"); 

        if(amper == "-1"){
            var param = sub.split("=");
            return param[1];
        }else{
            var param = sub.substr(0,amper).split("=");
            return param[1];
        }

    }
</script>