Return PartialView von JsonResult ActionMethod zurück zu ajax post und anzeigen, die PartialView als Modales pop-up

Ich versuche, wieder zurück PartialView oder jede andere Ansicht von action-Methode zurück zu ajax post. Ich wollte den Inhalt anzuzeigen ParitalView als Jquery Modalen pop-up von ajax-success-Funktion oder welchen Weg seine möglich.

'MyRegistrationView' mit Anmeldeformular auf es hat die unten genannten ajax-post rufen auf-Formular senden-Schaltfläche.

 $.ajax({
            url: url,            //http://localhost/MyRegistration/RegisterUser
            type: 'POST',
            dataType: 'json',
            data: ko.toJSON(RegistrationInfoModel),
            contentType: "application/json; charset=utf-8",
            success: function (result) {
                //Do something
            },
            error: function (request, status, error) {
                //Do something
            }
        });

Den oben genannten ajax-Aufruf geht an meinen Controller mit dem Namen "MyRegistrationController" mit der action-Methode wie folgt.

[HttpPost]
public JsonResult RegisterUser(RegistrationInfo model)
{
   //Register User
   ....
  if(successful)
  {
     return Json(new { data = PartialView("_ShowSuccessfulModalPartial") });   
  }

}

Nun

  1. wie kann ich den 'Inhalt' der '_ShowSuccessfulModalPartial' in
    'Erfolg' - Funktion des ajax und gezeigt, dass der Modal-Pop-up auf, dass
    gleichen die Registrierung-Seite.
  2. Wenn ich zurückkehren wollen/umleiten zu einigen anderen anzeigen, wie kann ich es tun
    wenn ich als JsonResult zurückgeben Art meiner ActionMethod.
  3. Wie kann ich zurück schicken, die ModalErrors von der Registrierung-Prozess zurück
    meinen Blick und zeigen Ihnen unter ValidationSummary.

(Hinweis: Wenn ich nicht verwenden, als JsonResult zurückgeben Typ i erhalten ajax 'parseerror" Unexpected token <)

InformationsquelleAutor user2232861 | 2013-04-11
  1. 2

    Zurück können Sie eine teilweise Ansicht anstelle von json.

    In Ihrem Haupt-Ansicht, die Sie sollte hinzufügen das Dialogfeld html wie folgt aus (assumming du bist mit jQueryUI):

    <div id="dialog-confirm" title="Your title">    
    <div id="dialog-content"></div>
</div>

    Stellen Sie sicher, dass Sie initialisieren den dialog.

    $(document).ready(function() {
    $("#dialog-confirm").dialog();
});

    In der controller möglicherweise müssen Sie wieder eine Teilansicht

    [HttpPost]
public virtual ActionResult RegisterUser(RegistrationInfo model)
{
    var model = //Method to get a ViewModel for the partial view in case it's needed. 
    return PartialView("PartialViewName", model);
}

    Dann, wenn Sie Ihre ajax-Anfrage, Sie hängen die teilweise Sicht auf das Dialogfeld und zeigt es an.

     $.ajax({
            url: url,          
            type: 'POST',
            dataType: 'json',
            data: ko.toJSON(RegistrationInfoModel),
            contentType: "application/json; charset=utf-8",
            success: function (result) {
                $("#dialog-content").empty();
                $("#dialog-content").html(result);
                $("#dialog-confirm").dialog("open");
            },
            error: function (request, status, error) {
                //Do something
            }
        });

    Hoffe, das hilft.

    • Ich bin mit "JsonResult" statt "ActionResult". Wenn ich nicht verwenden, als JsonResult zurückgeben Typ i erhalten ajax 'parseerror" Unexpected token <.
    • Sie können versuchen, den code der Rückkehr ein jsonresult. bitte markieren Sie es als Antwort, wenn dies hilft.
    • Danke es hat geholfen !!!
    • Du bist willkommen, schön, dass es geholfen hat.
    InformationsquelleAutor lopezbertoni
Schreibe einen Kommentar