jquery.unobtrusive-ajax.js

Ajax Option对应

Ajax Option	HTML attribute	Describe
Confirm	data-ajax-confirm	设置一个确定取消弹出框的文字，没有则不设置
HttpMethod	data-ajax-method	提交方式
InsertionMode	data-ajax-mode*	更新的形式 BEFORE插入到对象之前 AFTER插入到对象之后 为空就是覆盖
LoadingElementDuration	data-ajax-loading-duration**	持续时间 默认是0
LoadingElementId	data-ajax-loading	显示loading的对象
OnBegin	data-ajax-begin	ajax前触发的函数或者一段程序
OnComplete	data-ajax-complete	完成后，此时还没有加载返回的数据，请求成功或失败时均调用
OnFailure	data-ajax-failure	失败
OnSuccess	data-ajax-success	成功，加载完成的数据
Url	data-ajax-update	更新的对象
Url	data-ajax-url	提交url
	data-ajax=true	开启绑定jquery.unobtrusive

1. Ajax Option展示

@using (Ajax.BeginForm("AjaxUploadImage", "Home", new AjaxOptions
        {
            Confirm = "1111",
            HttpMethod = "POST",
            InsertionMode = InsertionMode.Replace,
            LoadingElementDuration = 1000,
            LoadingElementId = "222",
            OnBegin = "Begin",
            OnComplete = "Completed",
            OnFailure = "OnFailured",
            OnSuccess = "OnSuccessd",
            UpdateTargetId = "updata",
            Url = "",
        }, new { @id = "frm", enctype = "multipart/form-data" }))
        {
            <input id="IconUrl" name="IconUrl" />
            <input type="file" id="files" name="files" value="点击选择图片" />
        }

2. HTML attribute展示

<form action="/Home/AjaxUploadImage?Length=4" data-ajax="true" data-ajax-begin="Begin" data-ajax-complete="Completed" data-ajax-confirm="1111" data-ajax-failure="OnFailured" data-ajax-loading="#222" data-ajax-loading-duration="1000" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnSuccessd" data-ajax-update="#updata" enctype="multipart/form-data" id="frm" method="post">
            <input id="IconUrl" name="IconUrl" />
            <input type="file" id="files" name="files" value="点击选择图片" />
</form>