3

Json Partial View を更新したいと思います。私はこれを使用しようとしています: 

$('#example123').load('@Url.Action("Rejestracja", "Logowanie")');

しかし、正しく動作しません。

$.ajax({
            url: '@Url.Action("Rejestracja", "Logowanie")',
            dataType: "json",
            type: "POST",
            async: false,
            error: function () {
            },
            success: function (data) {
                if (data.Success) {

                    var el1 = $('<div><strong style="color: black" id="example123">' + data.View + '</strong></div>');
                    $(el1).dialog(
                        {
                            modal: true,
                            title: '<div></div>',
                            minWidth: 340,
                            minHeight: 300,
                            buttons: {
                                'Zamknij': function () {
                                    $('#example123').load('@Url.Action("Rejestracja", "Logowanie")');
                                    $(this).dialog("destroy");


                                }
                            }
                        });
                }

            }
        });

JSON 部分ビュー

[HttpPost]
        public JsonResult Rejestracja()
        {
            bool dataCahnged = true;
            var model = new Logowanie();
            object view = this.RenderPartialViewToString("Rejestracja", model);
            return Json(new { Success = true, dataCahnged, View = view });
        }

(この作品は初回のみ)

<script type="text/javascript">
    $('#bladReje').hide();
    $('#bladRejeText').hide();
    $('#poprawnieReje').hide();
    $('#poprawnieRejeText').hide();


    </script>

例（この作品は初回のみ）

<div id="ex"></div>
<script type="text/javascript">
    $('#ex').text('sasasa');
    </script>
4

2 に答える 2

0

特に「POST」を使用して ajax を呼び出す理由はありますか? サーバーに情報を送信していないため、これを最初に変更します。これを GET に変更してみてください。

次に、ビュー html が文字列を返すようにメソッドを変更してみてください。私はこの拡張メソッドを使用していますが、問題なく動作します:

public static class JsonHelper
{
    public static string RenderPartialView(this Controller controller, string viewName, object model)
    {
        if (string.IsNullOrEmpty(viewName))
            viewName = controller.ControllerContext.RouteData.GetRequiredString("action");

        controller.ViewData.Model = model;
        using (var sw = new StringWriter())
        {
            ViewEngineResult viewResult = ViewEngines.Engines.FindPartialView(controller.ControllerContext, viewName);
            var viewContext = new ViewContext(controller.ControllerContext, viewResult.View, controller.ViewData, controller.TempData, sw);
            viewResult.View.Render(viewContext, sw);

            return sw.GetStringBuilder().ToString();
        }
    }
}

そして、これを使用する方法の例を次に示します。

 public ActionResult GetClientList()
 {
     List<ClientModel> clientList = ClientRepository.GetClients();
     return Json(new JsonMixedResult { Result = "success", ViewHtml = this.RenderPartialView("ClientList", clientList) }, JsonRequestBehavior.AllowGet);
 }

最後に、return Json ステートメントの最終パラメーターを確認します。これにより、クライアント コードはコントローラーから返されたデータにアクセスできます。この場合、ビュー html を含む Json オブジェクトです。

お役に立てれば

于 2013-06-20T22:29:57.587 に答える
0

PartialViewを返さない理由がわかりません??? つまり、Json の結果は、成功を示す 2 つの追加プロパティを含む部分ビューを返し、データが変更されたと思いますが、これら 2 つは無意味に見えます。アクションでこれを実行してみませんか：

[AjaxOnly]
public PartialViewResult Rejestracja()
{
    var model = new Logowanie();
    return PartialView("Rejestracja", model);
}

ajax 呼び出しは次のようになります。

$.ajax({
    url: '@Url.Content("~/Logowanie/Rejestracja")',
    dataType: "html",
    type: "GET",
    error: function () {
       // Handle errors here...    
    },
    success: function (html) {
        $("#someDivOnYourPage").html(html);
    }
});

このようにして、部分ビュー全体がページ上の選択した div に配置されます...

于 2013-06-21T04:12:36.110 に答える