剛剛學習中，使用到了ajaxSubmit，猶豫以前沒有接觸㢧這個，是以剛開始是一臉懵逼狀态，最後通過查找資料的方式，解決了這個問題這個很興奮，做到了頁面的無重新整理上傳圖檔，送給看我部落格園的朋友一句話：“山高人為峰，努力定成功!”
下面我對ajaxSubmit做一下總結：
1.jQuery引入進去；
2.網上下載下傳jQuery Form插件；
(這裡對form插件做一下介紹，因為剛開始做前端的人不一定能懂，
jQueryForm插件是一個優秀的Ajax表單插件，可以非常容易地、無侵入地更新HTML表單以支援Ajax。jQuery Form有兩個核心方法 -- ajaxForm() 和 ajaxSubmit()， 它們集合了從控制表單元素到決定如何管理送出程序的功能。另外，插件還包括其他的一些方法： formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。
核心方法 -- ajaxForm() 和 ajaxSubmit()
)
3.首先說用法，ajaxForm和ajaxSubmit都可以接收0或1個參數，該參數可以是一個變量、一個對象或回調函數，這個對象主要有以下參數：
var object= {
url:url, //form送出資料的位址
type:type, //form送出的方式(method:post/get)
target:target, //伺服器傳回的響應資料顯示的元素(Id)号
beforeSerialize:function(){} //序列化送出資料之前的回調函數
beforeSubmit:function(){}, //送出前執行的回調函數
success:function(){}, //送出成功後執行的回調函數
error:function(){}, //送出失敗執行的函數
dataType:null, //伺服器傳回資料類型
clearForm:true, //送出成功後是否清空表單中的字段值
restForm:true, //送出成功後是否重置表單中的字段值，即恢複到頁面加載時的狀态
timeout:6000 //設定請求時間，超過該時間後，自動退出請求，機關(毫秒)。
}
權限資訊展示
//這裡引入
$(function () {
//綁定異步上傳圖檔
bindUpLoad();
});
//綁定異步上傳圖檔
function bindUpLoad() {
alert("aaaaa");
$("#btnUpLoadFile").click(function () {
alert("bbbbb");
$("#AddDiglogDiv form").ajaxSubmit({
url: '/ActionInfo/UploadImg',
type: "Post",
success: function (data) {
alert("ccccc");
//将傳回的資料加載到隐藏域
$("#IconImg").val(data);
$("#ShowImgDiv").html("
");
}
});
});
}
HTML代碼是這樣的：
@using (Ajax.BeginForm("AddActionInfo", "ActionInfo", new AjaxOptions() { OnSuccess = "afterAdd" }))
{
| 權 限 名： | |
| Url： | |
| Http方法類型： | GET POST |
| 是否是菜單： | |
| 菜單圖檔位址： | |
| 排 序： | |
| 備 注： |
}
最終要完成的項目是這樣的：
最終我成功的實作了異步無重新整理上傳圖檔的功能！
以上就是本文的全部内容，希望本文的内容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支援腳本之家！