剛剛學習中，使用到了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
是否是菜單：
菜單圖片地址：
排 序：
備 注：

}

最終要完成的項目是這樣的：

最終我成功的實現了異步無刷新上傳圖片的功能！

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

總結

以上是生活随笔為你收集整理的jq ajax ajaxsubmit,如何理解jQuery中的ajaxSubmit方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。