使用Javascript將FORM_1（page1.html）的數據傳遞給FORM_2（page.html）

我有一個代碼將顯示form1到另一個頁面的值。現在，此+（加號）不斷顯示並代替空格。有沒有人可以幫助我？使用Javascript將FORM_1（page1.html）的數據傳遞給FORM_2（page.html）

非常感謝。

下面是我的代碼：

Page1.html

<form type=get action="page2.html"> 
    <table> 
    <tr> 
     <td>First Name:</td> 
     <td><input type=text name=firstname size=10></td> 
    </tr> 
    <tr> 
     <td>Last 
     Name: 
     </td> 
     <td><input type=text name=lastname size=10></td> 
    </tr> 
    <tr> 
     <td>Age:</td> 
     <td><input type=text name=age size=10 
     id="age"></td> 
    </tr> 
    <tr> 
     <td colspan=2><input type=submit 
     value="Submit"> </td> 
    </tr> 
    </table> 
</form>

Page2.html

<script LANGUAGE="JavaScript"> 
    function getParams() { 
    var idx = document.URL.indexOf('?'); 
    var params = new Array(); 
    if (idx != -1) { 
     var pairs = document.URL.substring(idx + 1, 
     document.URL.length).split('&'); 
     for (var i = 0; i < pairs.length; i++) { 
     nameVal = pairs[i].split('='); 
     params[nameVal[0]] = nameVal[1]; 
     } 
    } 
    return params; 
    } 
    params = getParams(); 
    firstname = 
    unescape(params["firstname"]); 
    lastname = 
    unescape(params["lastname"]); 
    age = unescape(params["age"]); 

    ages = age; 
    document.write("firstname = " + firstname + "<br>"); 
    document.write("lastname = " + lastname + "<br>"); 
    document.write("<input type=text name=age size=10 value=" + ages + 
    ">"); 
</script>

來源

2013-12-09 user3072785

親切fromat代碼正確。它真的很難看 – Anubhab

我沒有看到你從哪裏得到姓？但嘗試decodeURIComponent（姓氏）。另外，請參閱http://stackoverflow.com/questions/20116962/how-to-get-values-in-window-location-href/20117046#20117046 – Andrew

感謝評論傢伙。 @Andrew：這是在page1.html – user3072785

您可以使用decodeURIComponent的加號後面解碼成的空間，和encodeURIComponent將其編碼在第一頁上。

你也不需要使用子這麼多的嘗試和手動解析的網址：

var url = location.href.split("?"); 
var params = url[1].split("&"); 
var data = {}; 

for (var i = 0; i < params.length; i++) 
{ 
    var param = params[i].split("="); 
    data[param[0]] = param[1]; 
}

在代碼的最後，你將有一個包含的鍵的對象data參數名稱你通過:)

來源

2013-12-09 05:23:58

感謝Collin的答案。當我嘗試你的代碼時，它不起作用。請你詳細說明一下嗎？再一次感謝你。 :) – user3072785

你的意思是不工作？你正在做什麼與創建的'數據'對象？ –

我其實複製粘貼你的代碼到page2.html我的代碼，並沒有內容顯示。 – user3072785

使用Javascript將FORM_1（page1.html）的數據傳遞給FORM_2（page.html）

回答

相關問題