使用 Ajax 调用 Web Api 方法时出现错误 400

Question

我正在尝试使用 Ajax 调用本地 Web Api 方法。因此，我在本地机器上的 Visual Studio 上运行了一个基本的 Web api 应用程序。这是我的ajax调用

let RegisterUserVM = new Object();
RegisterUserVM.Name = name;
RegisterUserVM.Username = username;
RegisterUserVM.Password = password;

$.ajax({
            url: mURL + "api/Default/RegisterUser",
            method: "POST",
            data: JSON.stringify(RegisterUserVM),
            contentType: "application/json; charset=utf-8",
            dataType: "jsonp"
          }).done(function( msg ) {
            console.log("Done function");
            console.log(msg);
          }).fail(function( jqXHR, textStatus ) {
            console.log("Fail function");
            console.log(jqXHR);
            console.log(textStatus);
          });
    }

我有一个简单的Web api方法如下

[HttpPost]
public string RegisterUser(/*RegisterUserVM registerUserVM*/ string Name, string username, string Password)
{
   return "";
}

如您所见，我尝试通过查询字符串传递对象和参数，但是当我尝试通过 jQuery 中的 ajax 调用此方法时，仍然不断收到 400 错误错误请求。怎么了？

Answer 1

修复 ajax

$.ajax({
            url: mURL + "/api/Default/RegisterUser",
            type: "POST",
            data: JSON.stringify(RegisterUserVM),
            contentType: "application/json; charset=utf-8",
            dataType: "json"
            success: function( msg ) {
            console.log("Done function");
            console.log(msg);
            },
          error: function( jqXHR, textStatus ) {
            console.log("Fail function");
            console.log(jqXHR);
            console.log(textStatus);
          }
          });

和行动

[HttpPost]
public string RegisterUser([FromBody] RegisterUserVM registerUserVM)
{
   return "";
}

你需要创建一个视图模型

public class RegisterUserVM 
{
public string Name {get; set;}
... ans so on
}

或者你也可以试试这个

$.ajax({
            url: mURL + "/api/Default/RegisterUser",
            type: "POST",
            data: { registerUserVM :  RegisterUserVM },
          
            success: function( msg ) {
            console.log("Done function");
            console.log(msg);
            },
          error: function( jqXHR, textStatus ) {
            console.log("Fail function");
            console.log(jqXHR);
            console.log(textStatus);
          }
          });

并删除 [frombody]

[HttpPost]
public string RegisterUser(RegisterUserVM registerUserVM)
{
   return "";
}