求两个html之间post的代码
有a.html和b.html两个页面。a.html点击按钮,跳转的b.html,并传值user=admin,pwd=1234b.html获得传值,并分两行输出的b的页面。...
有a.html和b.html两个页面。
a.html点击按钮,跳转的b.html,并传值user=admin,pwd=1234
b.html获得传值,并分两行输出的b的页面。
求这两各html的代码,别只是给一个思路,我不会做,要具体代码,谢谢。 展开
a.html点击按钮,跳转的b.html,并传值user=admin,pwd=1234
b.html获得传值,并分两行输出的b的页面。
求这两各html的代码,别只是给一个思路,我不会做,要具体代码,谢谢。 展开
1个回答
展开全部
先给答案,首先,2个纯粹的html无法互相post数据,必须要有web服务器,但可以通过get传递数据
页面提交数据一般有两种方法:get,post。post就是所谓的form提交,使用视图;get是通过url提交。
post的值是不可能从html到hmtl的,中间必须经过Server.
原因:post的值是附加在http请求的头部的,它不会出现在URL请求串里,所以用js来获取查询参数的方式来获取post
请求参数是不行的.post方式只有在服务器端才能获得表单提交的值。
方案一:
请跳转到服务器端,由服务器获得得post的值,再(以url或在request里面赋值的方式)跳到指定的页面。
方案二:
改用Get方式,通过URL传值,将原来的post方法改为get方式后,请求的参数会出现在地址栏,并且表示里的submit
组件值也会出现在URL里。
如2.html?aa=1
然后通过js获得得变量aa的值
//获取指定参数名的参数值
function getQueryParameter(qs)
{
var s = location.href;
alert(s);
s = s.replace("?","?&").split("&");//这样可以保证第一个参数也能分出来
alert(s);
var re = "";
for(i=1;i<s.length;i++)
if(s[i].indexOf(qs+"=")==0)
re = s[i].replace(qs+"=","");//取代前面的参数名,只剩下参数值
return re;
}
为了防止你搞不明白,我帮你写了2个代码如下:
<!-- a.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="b.html" method="get">
<input type="text" name="user" value="admin">
<input type="text" name="pwd" value="1234">
<input type="submit" value="提交">
</form>
</body>
</html>
<!-- b.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
//获取指定参数名的参数值
function getQueryParameter(qs)
{
var s = location.href;
s = s.replace("?","?&").split("&");//这样可以保证第一个参数也能分出来
var re = "";
for(i=1;i<s.length;i++)
if(s[i].indexOf(qs+"=")==0)
re = s[i].replace(qs+"=","");//取代前面的参数名,只剩下参数值
return re;
}
var user = getQueryParameter('user')//获取user
var pwd = getQueryParameter('pwd')//获取pwd
alert('你传入的user是:'+user)
alert('你传入的pwd是:'+pwd)
</script>
</body>
</html>
ps:实例中的代码参考来源 http://nopainnogain.iteye.com/blog/799299
追问
方案二确实我明白,但由于传输的内容需要保密,所以一定要用post。
我有服务器,可以加个php,求Post方式的代码,采纳我再追加100财富。
追答
<html>
<body>
user:<?php echo $_POST["user"]; ?><br>
pwd: <?php echo $_POST["pwd"]; ?>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询