而不是讓表單提交您的請求讓你的checkForm例程分別使用ajax進行調用?然後,您可以將結果與您正在做的任何展示結合起來。請記住讓checkForm返回false;
我注意到你還沒有接受答案,而且我的含義很模糊。如果您想要從兩個來源收集數據,您可以使用GET獲取數據,使用POST獲取數據。我使用ajax包含一個JavaScript示例。當你點擊你的按鈕時,checkForm函數會發送一個POST請求,並在完成時發送一個GET到第二個服務。結果可以結合使用,並將它視爲一個操作。這是工作代碼(當然,但是,您必須將其調整爲適合您的服務)。
<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1" />
<title>Form</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
var postData = null;
$(document).ready(function() {
$("#formDiv").show();
$("#tableDiv").hide();
});
function checkForm()
{
postData = $("#Search_Form").serialize();
alert(postData);
$.ajax({
type: "POST",
url: "http://localhost:8080/FirstAjaxJspTest/AjaxService",
data: postData, // form's input turned to parms
contentType: "text",
success: function(data)
{
tableBuild(data);
},
complete: function(data) {
nextAjaxCall();
},
failure: function(msg)
{
alert("Failure: " + msg);
}
});
return false;
}
function nextAjaxCall()
{
$.ajax({
type: "GET",
url: "http://localhost:8080/FirstAjaxJspTest/AjaxService",
data: postData, // form's input turned to parms
contentType: "text",
success: function(data) {
tableBuild(data);
tableDisplay();
},
failure: function(msg) {
alert("Failure: " + msg);
}
});
return false;
}
function tableBuild(data)
{
data.forEach(function(entry) {
$("#resultsTable").append($("<tr><td>" + entry.name + "</td><td>" + entry.address + "</td></tr>"));
});
return;
}
function tableDisplay()
{
$("#formDiv").hide();
$("#tableDiv").show();
return;
}
</script>
</head>
<body>
<div id="formDiv">
<form id="Search_Form">
Name:<br/>
<input type="text" id="name" name="name" /><br/>
SSN:<br/>
<input type="text" id="ssn" name="ssn" /><br/><br/>
<button type="button" onclick="return checkForm()">Submit</button>
</form>
</div>
<div id="tableDiv">
<table id="resultsTable">
<thead>
<tr>
<th>Name</th>
<th>Address</th>
</tr>
</thead>
</table>
</div>
</body>
</html>