導航:首頁 > 數據分析 > 網頁如何提交數據

網頁如何提交數據

 發布時間：2023-09-26 18:37:14

『壹』 兩個HTML頁面如何傳遞數據

一.通過表單簡單的傳輸數據，利用js代碼接收傳遞的數據，注意method屬性要設為get。
<form id="form" action="data.html" method="get"></form>//action的值是你的目的html
在你的目的html中可通過url接收傳遞的數據，並將數據保存在一個對象中。
<script type="text/javascript" charset="utf-8">
window.onload = function() {
var url = window.location.search;//location.search是從當前URL的?號開始的字元串
console.log(url);
var Request = new Object();
if (url.indexOf('?') != -1) {
var a = '';
var str = url.substr(1) //去掉?號
strs = str.split('&');
for (var i = 0; i < strs.length; i++) {
a = strs[i].split('=')[0]；
Request[a] = decodeURI(strs[i].split('=')[1]);//解碼,生成獲取信息的對象
console.log(Request[a]);
}
}
console.log(Request);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
注意這種方式傳遞中文數據需要用decodeURIComponent()或decodeURL（）函數解碼，unescape（）現在似乎已經淘汰了。
然後利用document.write()或innerHTML等方法或函數將數據顯示在網頁上。此種方法適合自己平時寫JS的小練習，此種方法無法將數據保存下來。

2.使用Cookie傳遞參數
下面是簡單的實例，a頁面保存Cookie，b頁面讀取。
a.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a</title>
<script type="text/javascript">
/***
* @param {string} cookieName Cookie名稱
* @param {string} cookieValue Cookie值
*/
function SetCookie(cookieName,cookieValue) {
/*設置Cookie值*/
document.cookie = cookieName + "=" + escape(cookieValue)
}
function login() {
var username = $("user").value;
if(username.length>0 && username) {
SetCookie("username", username);
/*跳轉到b.html頁面*/
document.location = "b.html";
}
}
function $(id) {
return document.getElementById(id);
}
</script>
</head>
<body>
<div id="main">
<div><span>請輸入你的名字</span><input type="text" id="user" /></div>
<div>
<input type="button" onclick="login()" value="提交" />
</div>
</div>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
b.html

<html>
<head>
<meta charset="UTF-8">
<title>b</title>
<script type="text/javascript">
/***
*讀取指定的Cookie值
*@param {string} cookieName Cookie名稱
*/

function ReadCookie(cookie_name){
//判斷是否存在cookie
if (document.cookie.length > 0){
//查詢cookie開始部分
cookie_start = document.cookie.indexOf(cookie_name + "=")
//如果存在
if (cookie_start != -1){
//計算結束部分
cookie_start = cookie_start + cookie_name.length + 1
cookie_end = document.cookie.indexOf(";", cookie_start)
//如果已經是最後一個cookie值，則取cookie長度
if (cookie_end == -1) {
cookie_end = document.cookie.length
}
//獲取cookie值，unescape對特殊字元解密
return unescape(document.cookie.substring(cookie_start,cookie_end))
}
}
//其它情況返回空
return ""
}

function $(id) {
return document.getElementById(id);
}

function init() {
var username = ReadCookie("username");
if(username && username.length>0) {
$("msg").innerHTML = "<h1>歡迎光臨," + username + "!</h1>";
} else {
$("msg").innerHTML = "<a href='a.htm'>請錄入名字</a>";
}
}
</script>
</head>
<body onload="init()">
<div id="msg"></div>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
此種方法也是適合自己平時寫JS的小練習，此種方法無法將數據保存下來。

3.通過web伺服器利用前後端交互
前後端交互又可分為表單交互和url參數交互。表單交互是指在HTML中創建一個表單，用戶填寫表單後提交給伺服器，伺服器收到表單後返回處理結果。其大致構成如下：
URL參數經常用於瀏覽器向伺服器提交一些請求信息。其流程圖大致如下：
例如利用nodejs與json文件相連接，實現對本地json數據的增刪改查，在不同網頁間傳遞數據。
————————————————
版權聲明：本文為CSDN博主「想躺」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_41209003/article/details/103739371

『貳』 html網站表單內容怎麼提交到資料庫

1：首先要使來用PHP的超全局變數源 $_GET 和 $_POST 用於收集表單數據（form-data）

2：然後使用INSERT INTO 語句用於向資料庫表中插入新記錄。

具體示例：

（1）首先創建了一個名為 "Persons" 的表，有三個列："Firstname", "Lastname" 以及 "Age"。

（2）其次創建一個 HTML 表單，這個表單可把新記錄插入 "Persons" 表。

（3）接著當用戶點擊上例中 HTML 表單中的提交按鈕時，表單數據被發送到 "insert.php"。"insert.php" 文件連接資料庫，並通過$_POST 變數從表單取回值。然後，mysql_query() 函數執行 INSERT INTO 語句，一條新的記錄會添加到資料庫表中。

『叄』 Excel表格內容批量填寫到網頁並提交，用《網頁自動操作通用工具》是如何實現的

1、首先，在軟體中復打開要制錄入數據的網頁，手工錄入網頁表單中的填寫項目。

閱讀全文

與網頁如何提交數據相關的資料

熱點內容
什麼軟體可以加密文件夾 瀏覽：953
vba截取絕對路徑的文件路徑 瀏覽：911
黑蘋果忘記登錄密碼忘記 瀏覽：77
windows查看文件 瀏覽：100
如何編輯文件盒上標簽 瀏覽：662
iphone上怎麼用熊貓看書看txt 瀏覽：912
ps存儲不了原文件 瀏覽：460
杭州天翼寬頻超級密碼 瀏覽：660
華為share從微信拖文件 瀏覽：633
編程技術有什麼好處 瀏覽：911
iphone簡訊插件漢化 瀏覽：714
怎麼破解wifi登陸密碼 瀏覽：543
切割sql文件 瀏覽：8
文件名帶圈字母怎麼輸入 瀏覽：183
萬達購票哪個app劃算 瀏覽：410
源代碼安全測試工具 瀏覽：594
dbf轉換成word文件 瀏覽：784
puttylinux下載文件 瀏覽：412
如何開啟筆記本電腦的無線網路 瀏覽：4
下列不屬於國家核心數據有哪些 瀏覽：771

友情鏈接