如何使用提交按钮工作并仅使用javascript在另一个页面中显示结果?

时间:2018-04-16 10:21:46

标签: javascript



language: php  
...
script:
  - >
    echo;
    echo "Running unit tests";
    .Build/bin/phpunit --colors  -c .Build/vendor/.../UnitTests.xml
...




我想在点击提交后显示用户输入在不同页面中的输出。我怎么能这样做而不使用PHP和只有JavaScript? JS很难让我理解,所以请帮忙:(

1 个答案:

答案 0 :(得分:0)

如果使用POST方法,则必须使用PHP之类的任何服务器端语言。如果你想在JavaScript中实现同样的东西,这很容易。将方法更改为get。

<form class="center" action="submit.htm" method="get">

您可以像这样编写submit.htm。

<div id='firstname'></div>
<div id='lastname'></div>
<div id='meal'></div>
<div id='email'></div>
<div id='number'></div>

您的JavaScript代码就在这里。

var data = getJsonFromUrl();
document.getElementById("firstname").innerHTML = data['firstname'];
document.getElementById("lastname").innerHTML = data['lastname'];
document.getElementById("meal").innerHTML = data['meal'];
document.getElementById("email").innerHTML = data['email'];
document.getElementById("number").innerHTML = data['number'];

function getJsonFromUrl() {
  var query = location.search.substr(1);
  var result = {};
  query.split("&").forEach(function(part) {
    var item = part.split("=");
    result[item[0]] = decodeURIComponent(item[1]);
  });
  return result;
}