繁体   English   中英

ASP.Net C#MCV-将值从Ajax jQuery传递到控制器

[英]ASP.Net C# MCV - Pass value from Ajax Jquery to Controller

我需要将一个值从前端传递给控制器​​,但我正努力让它传递值。

Ajax / jQuery

//unlock user account
    $("#results").on('click', ".unlockactionbutton", function (e) {
        e.preventDefault();
        var userid = this.getAttribute("userid");
        if (envdd.children(':selected').val() == "") {
            alert("Please select User"); 
        } else {
            alert(userid);
            $.ajax({
                type: "GET",
                url: "@Url.Action("UnlockUser", "Home", new { userid = userid })",
                //Url.Action("UnlockUser", "Home", new { id = userid });
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify(userid),
                success: function (data) {
                    console.log(data);
                },
                error: function(data) {
                    alert('error');
                    console.log(data);
                }
            });
        }
    });

这是ActionResult。 我得到的代码只是在控制台中添加了注释,因此我可以看到它现在已经起作用。

[HttpPost]
    public ActionResult UnlockUser(string userid)
    {
        if (userid != "")
        {
            return Json("success - call from HomeController", JsonRequestBehavior.AllowGet);
        }
        else
        {
            return Json("error", JsonRequestBehavior.AllowGet);
        }
    }

在ajax请求上,您正在使用动词GET,而您的操作是POST方法。

控制器动作以HttpPost装饰,但是您要在ajax发送GET请求,将类型更改为type: 'POST',

发出POST请求时,无需将数据附加到查询字符串中。

另外,如果要指定application/json确保在发送字符串的同时发送json 因此,您可以删除行contentType: "application/json; charset=utf-8",或将data参数更改为data: JSON.stringify({ userid: userid })

您的ajax请求可能如下所示:

    $.ajax({
            type: "POST",
            url: "@Url.Action("UnlockUser", "Home")",  
            dataType: "json",
            data: JSON.stringify(userid),
            success: function (data) {
                console.log(data);
            },
            error: function(data) {
                alert('error');
                console.log(data);
            }
        });

要么

    $.ajax({
            type: "POST",
            url: "@Url.Action("UnlockUser", "Home")",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: JSON.stringify({ "userid" : userid }),
            success: function (data) {
                console.log(data);
            },
            error: function(data) {
                alert('error');
                console.log(data);
            }
        });

尝试这样的事情,这将起作用:

$("#results").click(function (){
    var userid = this.getAttribute("userid");
    $.ajax({
        type: "POST",
        url: "/Home/UnlockUser",
        "data": "{userid:'" + userid + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
             console.log(data);
        }
    });
})

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM