Contoh Kode Metode Terpusat untuk Memperoleh Parameter URL oleh JS+JQ

Metode Akuisisi Nilai JQ:

JQuery sendiri tidak memiliki metode untuk mendapatkan parameter URL, tetapi sudah ada plug-in, yang dapat secara langsung mendapatkan URL dan parameter lainnya.

Halaman Beranda Koneksi Plugin: https://github.com/allmarkedup/jquery-url-parser

Tautan Unduh: http://download.github.com/allmarkedup-jquery-url-parser-bb2bf37.zip

Contoh penggunaan

Menggunakan URL halaman saat ini (untuk contoh -contoh ini https://mysite.com/information/about/index.html?itemid=2&user=Dave):

// Dapatkan protokolnya

jQuery.url.attr ("protokol") // mengembalikan 'http'

// Dapatkan jalannya

jquery.url.attr ("path") // return '/information/about/index.html'

// Dapatkan tuan rumah

jquery.url.attr ("host") // returns 'mysite.com'

// Dapatkan nilai untuk parameter kueri itemId

jquery.url.param ("itemId") // returns 2

// Dapatkan segmen kedua dari jalur URL

jQuery.url.sment (2) // returns 'tentang'

Menggunakan URL yang berbeda ke halaman saat ini:

// Atur URL yang berbeda dan kembalikan string jangkar

jquery.url.setUrl ("http://allmarkedup.com/category/javascript/#footer") .attr ("jangkar") // return 'footer'

Akses asli JS:

Metode JS paling primitif:

Salinan kode adalah sebagai berikut:

var urlparams = array baru ();

var aparams = document.location.search.substr (1) .split ('&');

untuk (i = 0; i <aparams.length; i ++) {

var aparam = aparams [i] .split ('=');

Urlparams [aparam [0]] = aparam [1];

}

Disebut seperti ini:

http://127.0.0.1/index.php?name=name1&cid=123

// Dapatkan parameter nama yang disahkan

name = urlparams ["name"];

document.write (name);

// Dapatkan CID lulus

cid = urlparams ["cid"];

Metode analisis reguler:

Metode 1:

Salinan kode adalah sebagai berikut:

function getQueryString (name) {

var reg = regexp baru ("(^| &)" + name + "= ([^&]*) (& | $)", "i");

var r = window.location.search.substr (1) .match (reg);

if (r! = null) mengembalikan unescape (r [2]); kembali nol;

}

Disebut seperti ini:

Salinan kode adalah sebagai berikut:

alert (getQueryString ("Nama parameter 1"));

peringatan (getQueryString ("Nama parameter 2"));

peringatan (getQueryString ("Nama parameter 3"));

Metode 2:

Salinan kode adalah sebagai berikut:

<span style = "font-size: 16px;"> <script language = "javascript">

function getRequest () {

var url = location.search; // Dapatkan string setelah "?" Karakter di URL

var di sana = objek baru ();

if (url.indexof ("?")! = -1) {

var str = url.substr (1);

strs = str.split ("&");

untuk (var i = 0; i <strs.length; i ++) {

Ada Quest [strs [i] .split ("=") [0]] = unescape (strs [i] .split ("=") [1]);

}

}

kembali ke sana yang ada;

}

</script>

Disebut seperti ini:

Salinan kode adalah sebagai berikut:

<Bahasa skrip = "javascript">

var request = objek baru ();

Request = getRequest ();

Parameter var 1, parameter 2, parameter 3, parameter n;

Parameter 1 = permintaan ['parameter 1'];

Parameter 2 = permintaan ['parameter 2'];

Parameter 3 = permintaan ['parameter 3'];

Parameter n = permintaan ['parameter n'];

</script>