新的部分视图不呈现

Question

I tried to load a second partial view after I submitted info from my first partial view but on submit, my partial view just refreshes and it says on the same partial view instead of the new one. I'm not sure why since I'm positive I set up my controller actions and razor code to load the partial view correctly. I think it might be with how I'm doing the js but I'm not sure.

Here's the ajax call when I click on submit on the first partial view. On submit, I would like to load the second view:

var SubmitInfo = function () {

    var form = $('form#FirstForm');
    var result = form.valid();
    var dataToSerialize = form.serialize();

    if (result) {
        $.ajax({
            url: Url.getFullUrl('Home/FormOneInfo'),
            type: 'Post',
            data: dataToSerialize,
            cache:false,
            success: function (data) {

                LoadFormTwo(data);
            }
        });
    }
    return result;
}

var LoadFormTwo  = function (data) {

    $.ajax({
        type: "GET",
        url:  Url.getFullUrl("Home/FormTwoInfo"),
        success: function (data) {  }
    });
}

Just to be clear, when I call the second ajax method, it goes to my controller action. In my action, I set a bool,DisplayFormTwo, to true and then in my main view with the specific div, I have something like this:

<div class="centerDivContent">
               if (Model.DisplayFormOne == true){
                    @Html.Partial("FormOne", new ViewModels.FormOneViewModel())
               else if(Model.DisplayFormTwo == true) {
                    @Html.Partial("FormTwo", new ViewModels.FormTwoViewModel())
               }
         </div>

This part does get hit in the debugger but a new view is not rendered.

Answer 1

我可能读错了，但调用LoadFormTwo时不应该将数据放入容器中

success: function (data) { $(someElement).append(data) }