控制器未将 json 数据返回到 asp.net MVC Ajax 中的视图

Question

我在将 Json 值返回给 View 时遇到问题。我不知道为什么会发生这种情况可能是 JQuery 的问题。下面是我的代码供参考。它没有执行 AJAX 的成功参数。

<script type="text/javascript">

var $edituserform = $("#edituserform");

$(document).ready(function () {
    $('#userList').DataTable();
});

function updateuser(id)
{
    var myUrl = '@Url.Action("EditUser", "Admin")';
    //var myUrl = '/Admin/EditUser?Id=' + id;
    alert(id)
    $.ajax({
        url: myUrl,
        type: 'GET',
        data: {Id:id},
        dataType: 'json',
        sucess: function (result) {
            alert('inside success')
            //$edituserform.html(result.partialView);
            $edituserform.load(result);
        }
    })
}

---- 控制器----

        public ActionResult EditUser(int Id)
    {
        try
        {
            var objUser = objUserLogic.GetUserById(Id);

            //return Json(new { partialView = MvcHelper.RenderPartialView(this, "_EditUser", objUser, null) }, JsonRequestBehavior.AllowGet);   //tried this commented code first
            return PartialView("_EditUser", objUser);
        }
        catch (Exception Ex)
        {
                            return View("ViewUsers");
        }

    }

Answer 1

PartialView 不是您所期望的 JSON。将dataType 更改为text/html 或返回JsonResult，即Json( someModel )

Answer 2

控制器方法

[HttpGet]
public JsonResult EditUser(int dil)
{
   var objUser = objUserLogic.GetUserById(Id);
   var jsonparse= objUser
                 .Select(x => new  //This is trick that prepare json array
                 {
                       name=x.name, 
                       Id=x.Id
                 });
        return Json(jsonparse, JsonRequestBehavior.AllowGet);
}

Ajax 方法

$.ajax({
        url: "/controllerName/getkat",
        type: "GET",
        cache: false,
        contentType: "application/json",
        data: { Id: xxx},
        dataType: "json",
        success: function (data) {
            if (data.length > 0) {
                //Parse Response
                $.each(data, function (i, state) {
                    $('<option>', {
                        value: state.Id
                    }).html(state.name).appendTo($select);
                });
            }
        },
        complete: function () {
        },
        error: function () {
        }
    });