Ajax 不会调用控制器方法 mvc

Question

我试图做内联编辑单元格，而不是行，在双击。这很有效，但它不会更新记录-没有对控制器进行"SaveCustomer"调用。我到底做错了什么?

这是我的索引视图文件(它的一部分，其余的是无关的)

   @foreach (var item in Model.Drivers)
        {
            <tr id="@item.ID">
                <td id="id">
                     @Html.DisplayFor(modelItem => item.ID)
                </td>
                <td id="lastName">
                    @Html.DisplayFor(modelItem => item.LastName)
                </td>
                <td id="firstName">
                    @Html.DisplayFor(modelItem => item.FirstName) 
                </td>
                <td id="seniority">
                  @if (item.Seniority != null) {@Convert.ToDateTime(item.Seniority).ToShortDateString()}                                      
                </td>
                <td>
                <td> //more go here </td>

然后这里是javascript文件-抱歉格式，每次我复制&粘贴

都会发生

 $("td").dblclick(function () {
if (!$(this).hasClass("edit")) {
    var value = jQuery.trim($(this).html());
    $(this).html("<input id="txtEdit" type="text" class="textbox" value="" + value + "" onblur="SaveValue(this, '" + value + "')" onfocus="PutCursorAtEnd(this)" />");
    $(this).addClass("edit");
    $("#txtEdit").focus();
}
});
 function PutCursorAtEnd(obj) {
if (obj.value == obj.defaultValue) {
    $(obj).putCursorAtEnd(obj.length);
}
}
function SaveValue(obj, oldValue) {
var value = $(obj).val();
$(obj).parent().removeClass("edit");
if (value != oldValue) {
    var property = $(obj).parent().attr("id");
    var id = $(obj).parent().parent().attr("id");
    $.ajax({
        type: "POST",
        url: '@Url.Action("SaveCustomer", "save")',
        data: { ID: id, Property: property, Value: value },
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: SaveCustomer_Success,
        error: Error
    });
 }
else {
    $(obj).parent().html(oldValue);
}
}
function SaveCustomer_Success(data, status) {
$(data.d.ID).parent().html(data.d.NewValue);
}

最后是控制器方法

    public object SaveCustomer(int ID, string Property, string Value)
    {
        Driver driver = unitOfWork.DriverRepository.GetByID(ID);
        switch(Property) {
            case "id":
                driver.ID = Convert.ToInt32(Value);
                break;
            case "firstName":
                driver.FirstName = Value;
                break;
            case "lastName":
                driver.LastName = Value;
                break;
            case "seniority":
                driver.Seniority = Convert.ToDateTime(Value);
                break;
        }
        unitOfWork.DriverRepository.Update(driver);
        unitOfWork.Save();
        return new
        {
            ID = ID,
            NewValue = Value
        };
    }

非常感谢，谢谢!

Answer 1

从ajax选项中删除以下行，因为您不发送json类型数据。

contentType: "application/json; charset=utf-8"

由于您正在发送POST请求，您必须将HttpPost属性添加到控制器。并且您还期望json结果，因此您的控制器应该如下所示。

[HttpPost]
public JsonResult SaveCustomer(int ID, string Property, string Value)
{
    /// ...
    return Json(new { ID = 1, NewValue = 1 }, JsonRequestBehavior.AllowGet);
}

Answer 2

尝试从Ajax调用中删除data, contentType和dataType，并将url更改为:

url: 'save/SaveCustomer?ID=' + id + '&Property=' + property + '&Value=' + value,

在控制器中放置一个断点，以查看调用是否击中它。没有理由不这样做。

使用Chrome浏览器并打开JavaScript控制台。您将看到为什么它不能工作，如果它不能在此更改后。