从html表单动作调用JSP脚本和php脚本

Question

我在页面上有一个表单，需要在我的网站的服务器上调用php脚本（它在Web根目录下），并且还需要调用在另一个网站的服务器上托管的外部jsp脚本。 我知道我不能只将两个项目放入<form action="..."但我想不出一种方法来完成此任务。 这两个脚本都需要接收表单提交的变量。

编辑：我在这里犯了一个错误。 抱歉，但我认为它是javascript，实际上是JSP。 我已经修改了我的帖子，以修复我提到javascript的所有地方。

Answer 1

您可以将onclick事件处理程序添加到“提交”按钮，并在其中包含提交前需要执行的所有JavaScript。

希望能有所帮助。

更新：

修改问题后，我意识到您想同时从同一客户端/网页发布到2个服务器端点。

在这种情况下，我建议您：

1. 不使用<form>
2. 包括jQuery

如下：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
    $('#btnSubmit').click(function(){

        // set urls
        var url1 = 'http://php.url.com',
            url2 = 'http://jsp.url.com';

        // prepare data
        var data = {
            'field1' : 'val1',
            'field2' : 2
        }

        // prepare callback (one callback for both requests)
        var callback = function(data) {
            console.log('request ended with data: ' + data);
        }

        // send post requests to both servers with the same data payload
        $.post(url1, data, callback);
        $.post(url2, data, callback);
    });
});
</script>

<input type="button" id="btnSubmit" value="Submit" />

使用这种方法，单击按钮将发送2个异步发布请求，一个发送到您设置的每个服务器端点。

希望能有所帮助。

Answer 2

您不会发布到“ javascript文件”。 javascript需要以html托管。 因此，我不知道您是否需要在html文件中包含js文件并调用函数，或者您是否实际打算将其发布到另一台服务器上的另一个hmtl文件中。

要具体回答，您可以制作2张表格，然后分别提交其中的一张。

使用jquery，您可以动态创建表单并提交。 使用post作为方法，而不是获取。

$('<form>', {
    "id": "getInvoiceImage",
    "html": '<input type="text" id="componentInvoicId" name="componentInvoicId" value="' + componentInvoiceId + '" />',
    "action": window.siteRoot + 'ComponentInvoice/GetInvoiceImage/'
}).appendTo(document.body).submit();