近乎的Ajax控制項介紹,代碼下載:http://www.jinhusns.com/Products/Download?type=whp AjaxForm 概述 功能說明 基於 ajaxForm 插件進行構建,可以使表單通過ajax的方式進行提交,並擴展了以下功能: 1.通過Html.BeginAja ...
近乎的Ajax控制項介紹,代碼下載:http://www.jinhusns.com/Products/Download?type=whp
AjaxForm
概述功能說明
基於 ajaxForm 插件進行構建,可以使表單通過ajax的方式進行提交,並擴展了以下功能:
- 1.通過Html.BeginAjaxForm即可調用ajaxForm
- 2.內置block功能防止用戶多次提交表單
- 3.利用伺服器端返回的數據類型不同,區別開表單是否成功提交,並提供了提交表單成功/失敗回調函數
更多信息請參見:
- ajaxForm:http://jquery.malsup.com/form/
- block:http://malsup.com/jquery/block/
調用ajaxForm,自定義success和error方法
評論內容中有字元串:“error”,即模擬請求出錯
評論內容中有字元串中沒有:“error”,即模擬請求正確
評論 (0)
查看源代碼
調用ajaxForm,使用Target
評論 (0)
查看源代碼
在模式框中提交表單
因為出錯時,需要更新模式框內容,要用到模式框實例,可以通過在模式框內容的<script type="text/dialog"> </script>來獲取實例。
查看源代碼
01.
@
using
(Html.BeginAjaxForm(
"_CreateComment"
,
"HtmlHelper"
, FormMethod.Post,
02.
new
AjaxFormOptions().SetOnSuccessCallBack(
"success"
)))
03.
{
04.
//...
05.
}
06.
<script type=
"text/dialog"
>
07.
var dialog=
this
;
08.
this
.title(
"發表新評論"
);
09.
</script>
10.
11.
<script type=
"text/javascript"
>
12.
function error(response) {
13.
$(
"#CreateComment"
).html(response);
14.
}
15.
16.
function success() {
17.
$(
"#PhotoComments"
).load(
"@(Url.Action("
_PhotoComments
", new { photoId = 1 }))"
);
18.
}
19.
</script>