jquery - 从 jquery 向 MVC WebAPi 传递多个参数

Question

刚刚开始使用 WebApi，有很多问题。阅读大量信息，但可能缺少一些概念。

在我的 Controller 中:

[HttpPost]
[ActionName("ChangePassword")]
public string ChangePassword([FromBody]string username, [FromBody] string newpassword, [FromBody]string oldpassword)
{
    return new Models.User() { Username = username, NewPassword = newpassword, OldPassword = oldpassword }.ChangePassword();

}

路由::

config.Routes.MapHttpRoute(
name: "DefaultApiController",
routeTemplate: "api/{controller}/{action}/{id}",
defaults: new { id = RouteParameter.Optional }
);

我从 JQUERY 调用此服务

 $.ajax({
                            type: "POST",
                            url: "http://XXXXX/api/service/cHANGEPASSWORD",
                            async: true,
                            data: source,
                            success: function (result) {
                                alert(result);
                            },
                            error: function (jqXHR, exception) {

                            }

现在，我在 WebAPi 中的 ChangePassword Method 上放置了一个调试器，当我运行代码时..它没有被命中，而且我也没有从 Ajax 中的错误函数中得到任何错误。

注意::HTML 页面和 WEBAPI 都在同一个项目中。所以，他们这里不存在跨域问题

Answer 1

您的源变量未显示，但对于您的更改密码函数应采用以下格式:

用户名，[FromBody]字符串新密码，[FromBody]字符串旧密码

var source = { username : $('#username').val(), newpassword : $('#newPassword').val(), oldpassword: $('#oldPassword').val() };

                   $.ajax({
                    type: "POST",
                    url: "http://XXXXX/api/service/ChangePassword",
                    async: true,
                    data: source,
                    success: function (result) {
                        alert(result);
                    },
                    error: function (jqXHR, exception) {

                    }

您可以更改项目 ID/等以满足您的需求..