Question

我有另一位开发人员给我的脚本，用于向我的应用发送推送消息。我希望能够将它们从一个页面发送到两个应用程序类型，但无法确定如何。问题是我对他们发送到的服务器上的页面没有任何控制权。如果查看代码，两个关键代码片段的唯一区别就是将表单操作发送到每个服务器页面以及应用程序ID的名称......其他信息保持不变。

我还发现一条javascript要从一个按钮提交到两个地方，但无法让它同时使用...

我从阅读中知道我可能需要一个数组......有人可以用一个提交按钮向我展示一些代码，并将它们发送到各自的页面。

提前致谢...

已编辑

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../../ScriptLibrary/jquery-latest.pack.js"></script>
</head>

<body>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<form name="push"  method="post" >
<input name="pushmessage" type="hidden" value="HAIR EXTENSIONS  ">

<p align="center">Notification Message:<br />
<textarea style="width: 280px; height: 150px; margin-bottom: 30px;     font-family: Verdana, Geneva, sans-serif; border-color: #000; border-        width: 1px; resize: none;" name="pushmessage" id="push-message">    </textarea><br />

<input type='button' class="inputbtn" name='Submit' value='Push' onclick='sendFormData()' />
<form/>

<script type="text/javascript">
function sendFormData() {
  var formURL1 = 'http://apple/iPhone-message';
var formURL2 = 'http://google/android-message';
var postData1 =     {'publishersid':'appdeveloper','username':'myself','pass':'mypassword','appid':' CommunityApp-i','topics':'test'};
var postData2 =     {'publishersid':'appdeveloper','username':'myself','pass':'mypassword','ap    pid':'CommunityApp','topics':'test'};

 submitForm(formURL1, postData1);
 submitForm(formURL2, postData2);
};
function submitForm(formURL, postData) {
$('#push-message').append('sending data to url : '+formURL+'\n');
$.ajax(
    {
        url: formURL,
        type: "POST",
        data: postData,
        success: function (data, textStatus, jqXHR) {
    $('#push-message').text('success');
        },
        error: function (jqXHR, textStatus, errorThrown) {
    $('#push-message').append('oops:error occured'+errorThrown+'\n');
        }
    });
}
</script>
</body>
</html>

Answer 1

您不应使用本机提交按钮（触发页面更改），而是使用XHR对象的ajax提交方法。

您可以查看此jquery插件：http://jquery.malsup.com/form/

Answer 2

你不需要html表格标签，你可以用这段代码做到这一点：

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<form name="push"  method="post" >
<input name="pushmessage" type="hidden" value="HAIR EXTENSIONS  ">

<p align="center">Notification Message:<br />
<textarea style="width: 280px; height: 150px; margin-bottom: 30px;     font-family: Verdana, Geneva, sans-serif; border-color: #000; border-        width: 1px; resize: none;" name="pushmessage" id="push-message">    </textarea><br />

<input type='button' class="inputbtn" name='Submit' value='Push' onclick='sendFormData()' />


<script type="text/javascript">
function sendFormData() {
  var formURL1 = 'http://apple/iPhone-message';
var formURL2 = 'http://google/android-message';
var postData1 =     {'publishersid':'appdeveloper','username':'myself','pass':'mypassword','appid':' CommunityApp-i','topics':'test'};
var postData2 =     {'publishersid':'appdeveloper','username':'myself','pass':'mypassword','ap    pid':'CommunityApp','topics':'test'};

 submitForm(formURL1, postData1);
 submitForm(formURL2, postData2);
};
function submitForm(formURL, postData) {
$('#push-message').append('sending data to url : '+formURL+'\n');
$.ajax(
    {
        url: formURL,
        type: "POST",
        data: postData,
        success: function (data, textStatus, jqXHR) {
    $('#push-message').text('success');
        },
        error: function (jqXHR, textStatus, errorThrown) {
    $('#push-message').append('oops:error occured'+errorThrown+'\n');
        }
    });
}
</script>

多个提交操作

2 个答案: