javascript - 将用户输入的数据附加到重定向 url

Question

我有一个关于尝试将用户输入的数据附加到重定向网址的问题。我使用在线数据库/筹款公司(Salsa)进行支持者注册。我想要一个表单，人们可以只输入他们的电子邮件和邮政编码，将其提交保存到数据库中(因此 onsubmit 重定向)，然后如果该人想要填写更多信息，他们可以填写更多信息，则会出现另一个表单，但他们不必。第二张表格应该预先填写他们的电子邮件和邮政编码，这样他们就不必(将其链接回数据库)

我尝试使用的是 Salsa url，它会自动填充注册页面，前提是它具有字段名称

示例http://wfc2.wiredforchange.com/o/8564/p/salsa/web/common/public/signup?signup_page_KEY=7145&Email=testing@test.tes&Zip=12345

所以http://wfc2.wiredforchange.com/o/8564/p/salsa/web/common/public/signup?signup_page_KEY=7145&Email=[email]&Zip=[zip]

唯一的问题是我不知道如何从用户电子邮件和 zip 表单中提取并将其附加到 url 中。我想我需要使用 javascript，但我不太擅长它。

对此的任何帮助都将非常有用并且非常感激。甚至我可能会尝试的其他想法。

编辑:

我能够自己解决一些问题，但仍然需要一些帮助。

​函数 URL() {
var email = document.getElementById("email").value;
window.location =“http://wfc2.wiredforchange.com/o/8564/p/salsa/web/common/public/signup?signup_page_KEY=7145&Email=”+电子邮件;
}​

我用过

onsubmit="URL(); 返回 false;"在所以...

<form action="org2.salsalabs.com/save" ; method="POST" name="data" onsubmit="genURL(); false" >
<input type="text" id="user" />
<input type="submit" value="Submit" />

类似的事情，除了它不会首先将数据提交到数据库，它只是将我重定向到第二种表单。我猜这与onsumbit有关。有没有办法让数据先提交到数据库然后重定向到其他表单？

Answer 1

我首先会向您的数据库发送包含信息的 XmlHttpRequest，然后在请求完成时执行您已经确定的 window.location 重定向。这就是代码中的样子。

HTML:

<form id="myForm">
    Email: <input id="email" type="text" name="Email" /><br />
    Zip: <input id="zip" type="text" name="Zip" /><br />
    <input type="hidden" name="sign_up_page_KEY" value="7145" />
    <input type="button" onclick="saveData()" value="Submit" />
</form>

JavaScript:

function saveData() {
    var xmlhttp;
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4) { // Triggered when the information is done saving to your database
            var email = document.getElementById("email").value;
            var zip = document.getElementById("zip").value;
            window.location = "http://wfc2.wiredforchange.com/o/8564/p/salsa/web/common/public/signup?signup_page_KEY=7145&Email=" + email + "&Zip=" + zip;
        }
    }
    xmlhttp.open("POST", "org2.salsalabs.com/save", false);
    xmlhttp.send(new FormData(document.getElementById("myForm"))); // Sends a post request to org2.salsalabs.com/save with all the data from the form with id="myForm"
}