导航:首页 > 数据分析 > 网页如何提交数据

网页如何提交数据

 发布时间：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、首先，在软件中复打开要制录入数据的网页，手工录入网页表单中的填写项目。

阅读全文

与网页如何提交数据相关的资料

热点内容
如皋如何学数控编程培训 浏览：205
extjs如何截取字符串 浏览：545
delphitreeview数据库 浏览：148
百度云Mac版共享文件 浏览：623
上三高速代码 浏览：926
手机文件里的游戏为什么找不到 浏览：861
java类作为参数 浏览：611
win10打游戏好还是win7系统好 浏览：820
数据解压后找不到文件 浏览：360
学习编程感觉没学到什么 浏览：128
微信收到的文件有几种图片 浏览：251
iphone4听筒进水没有声音 浏览：890
苹果手机什么游戏免费 浏览：823
什么软件可以加密文件夹 浏览：953
vba截取绝对路径的文件路径 浏览：911
黑苹果忘记登录密码忘记 浏览：77
windows查看文件 浏览：100
如何编辑文件盒上标签 浏览：662
iphone上怎么用熊猫看书看txt 浏览：912
ps存储不了原文件 浏览：460

友情链接