php排斥ajaxsubmit函数,jQuery中的ajaxSubmit详解
剛剛學(xué)習(xí)中，使用到了ajaxSubmit，猶豫以前沒有接觸?這個，所以剛開始是一臉懵逼狀態(tài)，最后通過查找資料的方式，解決了這個問題這個很興奮，做到了頁面的無刷新上傳圖片，送給看我博客園的朋友一句話：“山高人為峰，努力定成功!”
下面我對ajaxSubmit做一下總結(jié)：
1.jQuery引入進(jìn)去；
2.網(wǎng)上下載jQuery Form插件；這里對form插件做一下介紹，因?yàn)閯傞_始做前端的人不一定能懂，jQuery Form插件是一個優(yōu)秀的Ajax表單插件，可以非常容易地、無侵入地升級HTML表單以支持Ajax。
jQuery Form有兩個核心方法 -- ajaxForm() 和 ajaxSubmit()， 它們集合了從控制表單元素到?jīng)Q定如何管理提交進(jìn)程的功能。
另外，插件還包括其他的一些方法：
formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。
核心方法：ajaxForm() 和 ajaxSubmit()
3.首先說用法，ajaxForm和ajaxSubmit都可以接收0或1個參數(shù)，該參數(shù)可以是一個變量、一個對象或回調(diào)函數(shù)，這個對象主要有以下參數(shù)：var object= {
url:url, //form提交數(shù)據(jù)的地址
type:type, //form提交的方式(method:post/get)
target:target, //服務(wù)器返回的響應(yīng)數(shù)據(jù)顯示的元素(Id)號
beforeSerialize:function(){} //序列化提交數(shù)據(jù)之前的回調(diào)函數(shù)
beforeSubmit:function(){}, //提交前執(zhí)行的回調(diào)函數(shù)
success:function(){}, //提交成功后執(zhí)行的回調(diào)函數(shù)
error:function(){}, //提交失敗執(zhí)行的函數(shù)
dataType:null, //服務(wù)器返回數(shù)據(jù)類型
clearForm:true, //提交成功后是否清空表單中的字段值
restForm:true, //提交成功后是否重置表單中的字段值，即恢復(fù)到頁面加載時的狀態(tài)
timeout:6000 //設(shè)置請求時間，超過該時間后，自動退出請求，單位(毫秒)。
}
權(quán)限信息展示//這里引入
$(function () {
//綁定異步上傳圖片
bindUpLoad();
});
//綁定異步上傳圖片
function bindUpLoad() {
alert("aaaaa");
$("#btnUpLoadFile").click(function () {
alert("bbbbb");
$("#AddDiglogp form").ajaxSubmit({
url: '/ActionInfo/UploadImg',
type: "Post",
success: function (data) {
alert("ccccc");
//將返回的數(shù)據(jù)加載到隱藏域
$("#IconImg").val(data);
$("#ShowImgp").html("");
}
});
});
}
HTML代碼是這樣的：
@using (Ajax.BeginForm("AddActionInfo", "ActionInfo", new AjaxOptions() { OnSuccess = "afterAdd" }))
{
| 權(quán) 限 名： | |
| Url： | |
| Http方法類型： | GET POST |
| 是否是菜單： | |
| 菜單圖片地址： | |
| 排 序： | |
| 備 注： |
}
最終要完成的項(xiàng)目是這樣的：
最終我成功的實(shí)現(xiàn)了異步無刷新上傳圖片的功能！
總結(jié)
以上是生活随笔為你收集整理的php排斥ajaxsubmit函数,jQuery中的ajaxSubmit详解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
