採用傳統的表單提交,提交到後臺以後一般都是要跳轉到新的頁面
<form id="smsForm" action="${base}/xxx/xxxx" method="post">
<label>手機號碼:</label>
<input type="text" id="mobile" name="mobile"/>
<label>內容:</label>
<input type="text" id="content" name="content"/>
<input type="submit" value="發送">
</form>
但是有時我們常需要在提交頁面進行 彈出窗方式的提示 不用跳轉
所以就有了以下提交表單的方式
1. juery 方式
$("#smsForm").form({
success:function(data){
alert("返回結果" + data);
}
});
$("#smsForm").submit(function(){
alert("提交");
});
2. AJAX 方式 <input type="submit" value="發送" onclick="formUp();">
function formUp(){
$.ajax({
url:"${base}/xxx/xxx",
type:"post",
data:$(
'#smsForm'
).serialize();
success:function(data){
alert(data);
console.log("返回結果.." + data);
},
error:function(e){
alert("錯誤!!");
}
});
}
3. jquery.form.js
$("#smsForm").ajaxSubmit();
form表單提交附件 記得添加
<form enctype="multipart/form-data">
<input type="file">
</form>