Rumah  >  Artikel  >  hujung hadapan web  >  parameter lulus lompat halaman html

parameter lulus lompat halaman html

WBOY
WBOYasal
2023-05-05 22:22:076484semak imbas

Parameter lulus lompat halaman HTML ialah teknologi yang biasa digunakan dalam pembangunan Web Dengan menghantar parameter, interaksi data dan pemindahan maklumat antara halaman boleh dicapai, memberikan pengguna perkhidmatan yang lebih diperibadikan. Artikel ini akan memperkenalkan beberapa kaedah tentang cara melaksanakan parameter lompat dan lulus halaman HTML.

1. Melepasi parameter URL

Melalui parameter URL ialah salah satu kaedah yang paling biasa digunakan untuk memindahkan parameter apabila melompat ke halaman HTML. Kami sering melihat alamat URL dengan maklumat parameter, contohnya:

http://www.example.com/index.php?id=10&name=test

di mana, selepas id=10&nama =test ialah maklumat parameter yang diluluskan, id dan nama ialah nama parameter, 10 dan ujian ialah nilai parameter. Kaedah pelaksanaan khusus adalah seperti berikut:

1 Tentukan alamat pautan dalam halaman sumber:

Klik untuk melompat

Antaranya, sasaran. .html ialah alamat halaman sasaran, id=10&name=test selepas ?

2. Dapatkan nilai parameter dalam halaman sasaran:

//Dapatkan nilai parameter id
var id = GetQueryString("id");
// Dapatkan parameter nama Nilai
var name = GetQueryString("name");

//Dapatkan parameter URL
fungsi GetQueryString(name){

var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return  unescape(r[2]); return null;

}

Pas Kaedah di atas boleh mendapatkan maklumat parameter yang diluluskan dalam halaman sasaran dan melakukan operasi yang sepadan seperti yang diperlukan.

2. Penyerahan borang dan lulus parameter

Penyerahan borang ialah satu lagi kaedah yang biasa digunakan untuk menghantar parameter dengan melompat ke halaman HTML. Melalui penyerahan borang, data boleh dipindahkan ke halaman yang ditentukan untuk merealisasikan interaksi data antara halaman. Kaedah pelaksanaan khusus adalah seperti berikut:

1 Tentukan borang dalam halaman sumber:

<input type="hidden" name="id" value="10">
<input type="hidden" name="name" value="test">
<input type="submit" value="提交">

Antaranya, tindakan ialah alamat halaman sasaran, kaedah ialah kaedah penyerahan, dan kaedah dapatkan digunakan di sini untuk menyerahkan. id dan nama ialah nama parameter yang akan diluluskan, dan 10 dan ujian ialah nilai parameter yang akan diluluskan.

2. Dapatkan nilai parameter dalam halaman sasaran:

//Dapatkan nilai parameter id
var id = GetQueryString("id");
// Dapatkan parameter nama Nilai
var name = GetQueryString("name");

//Dapatkan parameter URL
fungsi GetQueryString(name){

var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return  unescape(r[2]); return null;

}

Penyerahan Borang Pas boleh melaksanakan pemindahan data yang lebih kompleks, seperti menghantar berbilang parameter atau menghantar fail, dsb.

3. Parameter pemindahan kuki

Kuki ialah teknologi yang menyimpan data pada klien dan boleh memindahkan maklumat parameter antara halaman HTML. Kaedah pelaksanaan khusus adalah seperti berikut:

1. Tetapkan kuki dalam halaman sumber:

document.cookie="id=10";
document.cookie="name=test ";

Tetapkan maklumat kuki melalui document.cookie, id dan nama ialah nama parameter yang akan diluluskan, 10 dan ujian ialah nilai parameter yang akan diluluskan.

2. Dapatkan nilai kuki dalam halaman sasaran:

//Dapatkan nilai parameter id
var id = getCookie("id");
// Dapatkan parameter nama Nilai
var name = getCookie("name");

//Dapatkan nilai kuki bagi nama yang ditentukan
fungsi getCookie(nama){

var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
    return decodeURIComponent(arr[2]);
else
    return null;

}

Melalui parameter melalui kuki boleh merealisasikan perkongsian data dan pemindahan maklumat antara halaman yang berbeza, tetapi perlu diingat bahawa jumlah data yang disimpan dalam kuki adalah terhad dan tidak sesuai untuk menghantar maklumat parameter yang terlalu besar .

Di atas memperkenalkan beberapa cara untuk memindahkan parameter apabila melompat ke halaman HTML Kaedah yang berbeza sesuai untuk senario yang berbeza. Pembangun bahagian hadapan boleh memilih kaedah yang sesuai untuk melaksanakan interaksi data dan pemindahan maklumat antara halaman mengikut keperluan khusus, memberikan pengguna perkhidmatan yang lebih diperibadikan.

Atas ialah kandungan terperinci parameter lulus lompat halaman html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn