求两个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的代码,别只是给一个思路,我不会做,要具体代码,谢谢。
展开
 我来答
帐号已注销
2017-01-25
知道答主
回答量:21
采纳率:100%
帮助的人:10.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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式