Asp.Net MVC

以下のように、標準に提供しているAjax.BeginFormによるフォームの非同期のPOSTができます。

前提条件 †

[edit]

asp.net MVC の中にAjaxを利用するため、以下の条件が必要となります。

• jQueryライブラリの参照
• Microsoft's unobtrusive AJAX ライブラリの参照
• Web.config のUnobtrusiveJavaScriptEnabled 項目を true に設定する

View側 †

[edit]

@Using Ajax.BeginForm(actionName:=XXXModels", _
                     controllerName:="XXXXController", _
                     ajaxOptions:=New AjaxOptions() With _
                        { _
                            .OnSuccess = "onSuccess", _
                            .HttpMethod = "POST", _
                            .UpdateTargetId = "searchResults", _
                            .InsertionMode = InsertionMode.Replace _
                        } _
                    )

ボタン等による、submitする
<button id="searchButton" type="submit"  >検索</button>
End Using

Controller側 †

[edit]

HttpPost>属性のアクションを呼び出されます。アクションの中にPartialViewの値が返せる

Controllerの中にRequest.IsAjaxRequest属性から現在のSubmitはAjaxによる通信なのか判断できます。

上記の対応しても、Request.IsAjaxRequestがいつもfalseを返して、Ajax通信ができない場合。下記の対策があります。 下記のファイルが足りない可能性が高いです。上記の対応方法は問題ないはずです、もしできなければ、JSファイルが足りないということです。

• http://code.jquery.com/jquery-migrate-1.2.1.js
• jquery.unobtrusive-ajax.min.js
• MicrosoftAjax.js

コメント：

お名前:

(画像の文字列を入力して下さい)