Question

我已经要求确定是否可以将激动人心的HTML表单发送到外部服务而不会丢失网站上当前的表单处理。

基本上这个想法是：

访客填写表格
表单数据将发送到外部Web应用程序，后者执行自己的表单处理
表单继续在网站上执行自己的POST数据（向访问者发送电子邮件等）

我正在寻找第2步的一些输入。我要求构建一个简单的仪表板，它使用导出功能保存所有表单数据，但他们希望保留网站上所有当前的表单处理同样。

我希望有人可以给我一些关于谷歌搜索关键词或者一些检查技巧的信息。

提前致谢

Answer 1

以下代码可能是有帮助的

<html>
<head>
<script language="Javascript">
<!--
function OnButton1()
{
    document.Form1.action = "response1.php"
    // document.Form1.target = "_blank";    // Open in a new window

    document.Form1.submit();             // Submit the page

    return true;
}

function OnButton2()
{
    document.Form1.action = "" 

    document.Form1.submit();             // Submit the page

    return true;
}
-->
</script>
<noscript>You need Javascript enabled for this to work</noscript>
</head>
<body>
<!-- create the form -->
<form name="Form1" method="post">

<!-- Add the data entry bits -->
Your Name <input type="text" name="name" size="10" /><br />

<!-- Add some buttons -->
<INPUT type="button" value="Button1" name=name onclick="OnButton1(); OnButton2();">
<!-- close the form -->
</form>
</body>
</html>

找到它here

Answer 2

想法是首先读取发布和外部和本地站点所需的数据，然后在AJAX请求的帮助下发布它会更好（如下所示）。

或者，一旦用户点击提交以编程方式填充表单和提交请求，就会有两个表单。

<div>
    <form action="" id="helloForm">
        Enter Text: <input type="text" id="txt" />
        <input type="button" value="submit" id="submitButton"/>
    </form>
</div>


$("#submitButton").click(function(e){

   //extract data
    var data = {
        text: $("#txt").val()
    };
    alert(JSON.stringify(data));

    //make external request one
    $.post( "externalpage.php", data);

    //make external request two
    $.post( "ownserverpage.php", data);
});

将HTML表单发送到外部服务

2 个答案: