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

Question

我有一個代碼，它將在另一頁上顯示form1的值。 現在，此+（加號）繼續顯示和替換空格。 有沒有人可以在這里幫助我？

非常感謝。

以下是我的代碼：

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>

Answer 1

您可以使用decodeURIComponent將加號解碼回空格，然后使用encodeURIComponent在第一頁上對其進行編碼。

您也不需要太多使用子字符串來嘗試手動解析URL：

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 ，其中包含您傳入的參數名稱的鍵：）