asp.net core api PUT 请求从不命中方法

Question

我正在尝试在 asp.net 中创建一个 web api。我正在尝试使用 ajax 将我的查询参数发送到操作方法，但它从未到达它。仅供参考，我对 ajax 的经验并不丰富。

我试图在我的视图中使用表单将数据传递给操作方法，但它什么也没做。这是我的看法：

<form action="/api/values" method="put">
    <ul>
        <li>
           <input type="text" id="Id" />
        </li>
        <li>
           <input type="text" id="FirstName" />
        </li>
        <li>
           <button onclick="Update()" class="btn btn-primary">Update</button>
        </li>
    </ul>
</form>

这是我的 ajax：

<script>
    function Update(Id, FirstName) {
       $.ajax({
           url: "/api/values/" + Id + "/" + FirstName,
           type: "PUT",
           data: {
             Id: Id,
             FirstName: FirstName
           },
           success: function () {
              alert("success");
           }
       )};
    }
</script>

我的网址看起来像：/api/values?Id=123XXXjxn&FirstName=Billy

这永远不会到达我的控制器：

[HttpPut("{Id}/{FirstName}")]
public ActionResult PutRequest([FromQuery] string Id, [FromQuery] string FirstName)
{
    //do stuff
}

我只使用[HttpPut] 属性进行了尝试，并使用了[Route("{Id}/{FirstName}")] 属性，并且在参数中没有[FromQuery]。我被卡住了，我认为这与我的 ajax 有关，而且我的方法无法读取查询参数，但我不完全确定。

Answer 1

你的代码应该是这样的

控制器

[Route("api/values")]
public class ValuesController : Controller
{
    [HttpPut("{Id}/{FirstName}")]
    public ActionResult PutRequest(string Id, string FirstName)
    {
        return new EmptyResult();
    }
}

查看

<script>
    function Update(Id, FirstName) {
       $.ajax({
           url: "/api/values/" + Id + "/" + FirstName,
           type: "PUT",
           success: function () {
              alert("success");
           }
       });
    }
</script>

由于你做ajax调用，你不需要表单属性，防止导航到带有event.preventDefault()的url

<script>
    function Update(Id, FirstName) {
        event.preventDefault();

        $.ajax({
            url: "/api/values/" + Id + "/" + FirstName,
            type: "PUT",
            success: function () {
                alert("success");
            }
        });
    }
</script>

<form>
    <ul>
        <li>
            <input type="text" id="Id" />
        </li>
        <li>
            <input type="text" id="FirstName" />
        </li>
        <li>
            <button type="button" onclick="Update()" class="btn btn-primary">Update</button>
        </li>
    </ul>
</form>

当然，您还需要一些 jquery 版本。你可以得到最新的here

<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>

Answer 2

你的控制器代码应该是这样的

[Route("api/values")]
public class ValuesController : Controller
{
    [Route("~/api/values/{Id}/{FirstName}")]
    public ActionResult PutRequest(string Id, string FirstName)
    {
       .......
    }
}
Your url shood look like: /api/values/123XXXjxn/Billy

更改 javascript

type: "PUT",
data: {

             Id: Id,
             FirstName: FirstName
           },

到

type: "POST",
data: null,

并检查你是否有 app.UseRouting();在启动文件的配置部分。