返回视图未返回 - ASP.NET MVC

Question

Well, this sound simple, and I've done it a dozen times already in my project, but this time isn't working and I don't know why. I just want to call a view, that have the name of the controller method. So, I have an Ajax POST in one of my Views, that is the following:

$(".btn-default").on("click", function (event, params) {
console.log($(".chosen-select").val());

$.ajax({
    url: '@Url.Action("EditPfEsp", "Lottery")',
    type: 'GET',
    dataType: 'html',
    cache: false,
    traditional : true,
    data: { bdoIds: $(".chosen-select").val() },
    success: function (response) {
    if (response.length > 0) {
    alert(response);
    }
    else {
    alert("response length zero");
    }
    }
    });

It calls the method EditPfEsp just fine, which is this:

public ActionResult EditPfEsp(string[] bdoIds)
    {
        IEnumerable<PF> pF = new List<PF>();
        pF = service.GetPF();
        List<PF> pFList = new List<PF>();
        pFList = pF.ToList();
        List<PF> pfListFinal = new List<PF>();

        for (int i = 0; i < bdoIds.Count(); i++ )
        {
            for (int x = 0; x < pFList.Count(); x++)
            {
                int id = Convert.ToInt32(bdoIds[i]);
                int pfunc = Convert.ToInt32(pFList[x].Func);
                if (id == pfunc && (pFList[x].Tipo_sorteio == "ESPECIAL" || pFList[x].Tipo_sorteio == "especial" || pFList[x].Tipo_sorteio == "Especial"))
                {
                    pfListFinal.Add(pFList[x]);
                }
            }
        }

        IEnumerable<PF> pfIE = new List<PF>();
        pfIE = pfListFinal.AsEnumerable();

        return View(pfIE);
    }

But then, the method doesn't return the view EditPfEsp that I have (same directory and same controller as the others. What I am doing wrong? I can't get this working and I don't have idea why.

edit

This is the EditPfEsp view that I want to show from my controller

    @model IEnumerable<AldpModel.Entities.PF>



<h2>Editar ponderações de funcionários selecionados</h2>

<div class="filterbox">
    <table class="table">
        <tr>

            <th>
                <b>@Html.DisplayNameFor(model => model.Tipo_sorteio)</b>
            </th>
            <th>
                <b>@Html.DisplayNameFor(model => model.Funcionario)</b>
            </th>
            <th>
                <b>@Html.DisplayNameFor(model => model.Nome_Funcionario)</b>
            </th>
            <th>
                <b>@Html.DisplayNameFor(model => model.Ponderacao)</b>
            </th>
            <th>
                <b>@Html.DisplayNameFor(model => model.Incluir_sorteio)</b>
            </th>

            <th></th>
        </tr>

        @foreach (var item in Model)
        {
            <tr>

                <td>
                    @Html.DisplayFor(modelItem => item.Tipo_sorteio)
                </td>
                <td>
                        @Html.DisplayFor(modelItem => item.Funcionario)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Nome_Funcionario)
                </td>
                <td>
                        @Html.DisplayFor(modelItem => item.Ponderacao)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Incluir_sorteio)
                </td>

                <td>
                    @Html.ActionLink("Editar", "Edit", new { id = item.Funcionario }) |
                    @Html.ActionLink("Detalhes", "Details", new { id = item.Id }) |
                    @Html.ActionLink("Apagar", "Delete", new { id = item.Id })
                </td>
            </tr>
        }

    </table>
</div>

Answer 1

首先创建<div id='id'></div> ，然后点击您的特定操作结果进行编辑，以便操作结果返回给您 partialview(model) 然后将您的 partailveiw 附加到$("id").empty().append(response) 。

Answer 2

Modify your ajax function to include the error callback function as below:

$.ajax({
    url: '@Url.Action("EditPfEsp", "Lottery")',
    type: 'GET',
    dataType: 'html',
    cache: false,
    traditional : true,
    data: { bdoIds: $(".chosen-select").val() },
    success: function (response) {
      if (response.length > 0) {
      alert(response);
      }
      else {
      alert("response length zero");
      }
    }
    error: function(jqXHR, textStatus, errorThrown)
    {
       alert(textStatus);
       alert(errorThrown);
    }
    });