Question

如何当点击提交时，会把我要的数据传给另一个hTML，但是页面不跳转到另一个html

我的意思是当点击提交时，他只把数据传递到另一个页面里，求指教
我的代码是
a.html
<form>
用户名：<input type="text" id="username" name="username"/><br/>
密码：<input type="text" id="password" name="password"/><br/>
</form>
<input type="button" value="提交" onclick="validate()"/>
function validate(){
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
}
b.html
<table >
<tr>
<td>用户名：</td>

<td></td>
</tr>
<tr>
<td >密码</td>
<td ></td>
</tr>
</table>
我想当a。html点击提交时，会把username和password传到b.html，但是页面还处于a.html

Answer 1

//其实你可以用到window.localStorage  但不建议这么操作 如果你一定想传过去可以按如下操作：

//存储
function SaveLocal(skey, sval) {
    var storage = window.localStorage;
    storage[skey] = sval;
}

//取出
function GetLocal(key) {
    var storage = window.localStorage;
    var returnStr = storage[key];
    if (undefined != returnStr && returnStr.length > 0) {
        return returnStr;
    }
    else {
        return "";
    }
}

//例：
SaveLocal("key","zhi"); //第一个是key,第二个是值 值也可以用json 注：使用json保存的时候一定要 JSON.stringify(json);

GetLocal("key"); //取出值 注：如果之前用了JSON.stringify(json) 记得把JSON.parse(json);

Answer 2

用axjx提交呗

追问

你好，我对ajax还不太懂，能帮忙写写么

追答

http://www.cnblogs.com/nangong/archive/2013/07/23/3208302.html
可以自己学学么，下载一个jq插件。

Answer 3

使用ajax进行数据交互

追问

你好，我对ajax还不了解，能帮忙帮我上面的问题答案写一写么

追答

a.html

<form>
用户名：<input type="text" id="username" name="username"/><br/>
密码：<input type="text" id="password" name="password"/><br/>
</form>
<input type="button" value="提交" onclick="validate()"/>
<script type="text/javascript" src="jquery文件地址"></script>
function validate(){
    var username = document.getElementById('username').value; 
    var password = document.getElementById('password').value;
    $.post("b.php", {username:username, password:password});
}

b.php

<table>
  <tr>
    <td>用户名：</td>
    <td><?php echo $_POST['username'];?></td>
  </tr>
  <tr>
    <td >密码</td>
    <td ><?php echo $_POST['password'];?></td>
  </tr>
</table>

追问

请问不是b.php,而是b.html，我该如何接受传过来的值

追答

发送页面：

<h3>未设置设备：
    <a href="javascript:addTab('设备列表','PKE_DeviceContent/PKE_DeviceContent.aspx?Due=未设置')" style="color: red; text-decoration: none;">
    </a>
</h3>

接收页面：

//js获取url参数值
        function request(paras) {
            var url = location.href;
            var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
            var paraObj = { };
            for (i = 0; j = paraString[i]; i++) {
                paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
            }
            var returnValue = paraObj[paras.toLowerCase()];
            if (typeof (returnValue) == "undefined") {
                return "";
            } else {
                return returnValue;
            }
        }

        var De = decodeURI(request("Due"));//De=‘未设置’