Question

首先，作为一名成功的表单开发人员，我在Web开发方面经验不足。我正在竭尽全力

我有两个带有脚手架控制器和视图的表TOURNAMENTS_M（主）和TOURNAMENTS_D（详细）。

我已经编辑了主表的“创建/编辑”视图，以便也可以显示子记录

当我按下删除按钮时，我调用以下函数

function DeleteDetail(pId) {
    const con = confirm("are you sure ?");


    if (con === true) {

        $.ajax({
            url: "/TOURNAMENTS_M/Delete",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data:
                { id: pId }
            })
            .done(function (result) {
                alert("Succeed");
            })
            .fail(function (result) {
                alert("I failed :'( ");
            });

    }
}

但是我得到的只是失败消息:(我在这里想念的是什么？我非常感谢您的帮助，一直在努力工作数小时

PS我正在使用mvc内核

更新：

public async Task<IActionResult> Delete(int? id)
    {
        if (id == null)
        {
            return NotFound();
        }

        var tOURNAMENTS_M = await _context.TOURNAMENTS_M
            .FirstOrDefaultAsync(m => m.TM_ROWID == id);
        if (tOURNAMENTS_M == null)
        {
            return NotFound();
        }

        return View(tOURNAMENTS_M);
    }

这就是我调用函数的方式

@if (Model != null)
{

    var i = 0;
    foreach (var detail in Model.TOURNAMENTS_D)
    {

    <tr>

        <td> <input type='hidden' name="TD_LEVEL" id='@("TD_LEVEL")@i' value="@detail.TD_LEVEL" />@detail.TD_LEVEL </td>

        <td> <input type='hidden' name="TD_SB" id='@("TD_SB")@i' value="@detail.TD_SB" />@detail.TD_SB </td>

        <td> <input type='hidden' name="TD_BB" id='@("TD_BB")@i' value="@detail.TD_BB" />@detail.TD_BB </td>


        <td>
            <a asp-action="Edit" asp-route-id="@detail.TD_ROWID">Edit</a> |

            <button onclick="DeleteDetail(@detail.TD_ROWID) "  class="btn btn-primary">Remove</button>

        </td>
    </tr>
        i++;
    }

    //"<td><a id ='myRemove' data-itemId='0'  class='btn btn-primary'>Remove</a ></td> ";
}

Answer 1

根据我在评论中的建议，我将提供更多信息：

由于您是开箱即用地使用MVC Web Api，因此它是a RESTful API，因此the method types非常重要。

您正在尝试执行删除操作，该操作需要根据RESTful API准则进行“ DELETE”类型的请求。 MVC Web Api无需使用Delete属性即可立即将这种方法映射到[HttpDelete]方法。

总体而言，只需将ajax调用的方法类型更改为'DELETE'：

function DeleteDetail(pId) {
  const con = confirm("are you sure ?");

  if (con === true) {
     $.ajax({
        ...
        type: "DELETE",
        ...
        });
  }
}

使用Ajax将数据发布到控制器

1 个答案: