如何在单击“提交”按钮后将数据从Html页面的形式获取到另一个页面,而无需通过服务器

时间:2014-04-10 10:20:25

标签: javascript jquery html

我在Html中创建一个表单,我希望将用户输入的数据返回到Html的另一个页面。我不想通过客户端 - 服务器编码。单击“提交”按钮后,只需一个简单的Html页面即可获得数据。 我是Html的新手所以只是学习,因为你可以看到我在表单的action属性中写了一个Html文件名。这不起作用。请回复,我找不到其他地方的答案。 我对javascript持开放态度。

<form action="formData.html" method="POST">

<table width="70%"  cellpadding="8"> 
 <tr>      
     <td width="40%">First Name:</td>         
     <td> <input type="text" name="first_name" /></td>
 </tr>
 <tr>
     <td>Middle Name:</td> 
     <td><input type="text" name="middle_name" /></td>
 </tr>
 <tr>
     <td>Last Name:</td>
     <td colspan="2"><input type="text" name="last_name" /></td>
 </tr>
 <tr>    
     <td>Gender :</td>
     <td width="30%"><input type="radio" name="gender" />Male</td>
     <td width="50%"><input type="radio" name="gender" />Female</td>
 </tr>
 </table>
 <input type="submit" value="submit" />
 </form>

1 个答案:

答案 0 :(得分:0)

您可以尝试将其保存在网址中(例如http://example.com/sendto.html?abc=sb&def=sth),然后使用js来阅读它等等。

获取变量所需的代码是:

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
来自问题jolly.exe

的@Copyright How can I get query string values in JavaScript?

Codepen示例:http://codepen.io/jamiechoi/pen/tmphb?foo=sometext