従来の ASP、ASP.NET、PHP、またはその他の動的言語。実際に実行しているのはFORM POSTであり、それは HTML であり、実際には ASP ではありません。
次のようなフォームがあると仮定します
<form id="frm-submit" action="/SendEmail.asp" action="POST">
...
<input type="submit" value="Submit form" />
</form>
次のようにページに小さな jQuery を追加します。
$(function() {
$("#frm-send").submit(function() {
var data = $(this).serialize(),
action = $(this).attr("action"),
method = $(this).attr("method");
$(".loading").show(); // show loading div
$.ajax({
url: action,
type: method,
data: data,
success: function(data) {
// all went well...
},
error: function(err) {
// there was something not right...
},
complete: function() {
$(".loading").hide(); // hide the loading
}
});
return false; // don't let the form be submitted
});
});
これで準備完了です。
sendMail.asp
ページでは、送信先はすべてメソッドの変数にResponse.Write
なるため、メールを送信すると次のようになります。data
success
Response.Write("done")
Responde.Flush()
Response.End()
JavaScript部分では、次のように処理できます。
success(data) {
if(data === "done")
{
// Super duper! let's show the user a Thank you for submit page
document.location = "/ThankYou.asp";
}
}