JS表單傳值和URL編碼轉(zhuǎn)換知識(shí)點(diǎn)分享

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 20:02:01

JS表單傳值和URL編碼轉(zhuǎn)換知識(shí)點(diǎn)分享

JS表單傳值和URL編碼轉(zhuǎn)換知識(shí)點(diǎn)分享:注意：這里寫了兩個(gè)網(wǎng)頁因?yàn)閁RL傳過去的數(shù)據(jù)不支持中文字符和一些特殊符號(hào) 所以需要轉(zhuǎn)換一下編碼實(shí)現(xiàn)效果：網(wǎng)頁1的表單數(shù)據(jù)傳到網(wǎng)頁2并顯示出來網(wǎng)頁1代碼如下：<!DOCTYPE html> <html lang="en"> <head&g

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀JS表單傳值和URL編碼轉(zhuǎn)換知識(shí)點(diǎn)分享:注意：這里寫了兩個(gè)網(wǎng)頁因?yàn)閁RL傳過去的數(shù)據(jù)不支持中文字符和一些特殊符號(hào) 所以需要轉(zhuǎn)換一下編碼實(shí)現(xiàn)效果：網(wǎng)頁1的表單數(shù)據(jù)傳到網(wǎng)頁2并顯示出來網(wǎng)頁1代碼如下：<!DOCTYPE html> <html lang="en"> <head&g

注意：

這里寫了兩個(gè)網(wǎng)頁

因?yàn)閁RL傳過去的數(shù)據(jù)不支持中文字符和一些特殊符號(hào) 所以需要轉(zhuǎn)換一下編碼

實(shí)現(xiàn)效果：網(wǎng)頁1的表單數(shù)據(jù)傳到網(wǎng)頁2并顯示出來

網(wǎng)頁1代碼如下：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
 <title>document</title> 
</head> 
<body> 
 <!--test_form.html為需要發(fā)送數(shù)據(jù)到的網(wǎng)頁,https://idaobin.com/test/test_form.html --> 
 <!--表單數(shù)據(jù)將通過method屬性附加到 URL上--> 
 <!--submit表單提交到另一個(gè)網(wǎng)頁--> 
 <form action="test_form.html" method="GET" target="_blank"> 
 賬號(hào)：<input type="text" name="code"><br> 
 姓名：<input type="text" name="str"><br> 
 <input type="submit"> 
 </form> 
</body> 
</html>

網(wǎng)頁2代碼如下：

運(yùn)行后：