采用传统的表单提交,提交到后台以后一般都是要跳转到新的页面
<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>
时间: 2024-08-04 23:35:10