如何将 json 数据发送到 mvc 控制器中的 jsonresult 函数？ [复制]

Question

我正在尝试将我的电子邮件和密码发送到我的家庭控制器 jsonresult 方法。 电子邮件和密码的值显示在第一个警报中，但是当我将 userCredential 传递给数据时，它显示警报未定义。 ajax post 方法中没有传递电子邮件和密码的值

    $("#button_val").click(function () {
        var userCrdential = "email=" + $("#username").val() + "&password=" 
                              + $("#pwd").val();
        alert(userCrdential);
        $.ajax({
            type: "POST",
            url: "/Home/adduser",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: userCrdential,
            success: function (res) {
                //  alert("data is posted successfully");
                if (res.success == true)
                    alert("data is posted successfully");
                else {
                   // alert("Something went wrong. Please retry!");
                }
            },
            error: function (xhr, textStatus, errorThrown) {
                alert(xhr.statusMessage);
            }
        });
    });.

控制器

[HttpGet] public JsonResult adduser(user obj) { }

Answer 1

通过查看您的评论，我观察到的第一件事是，您在控制器级别使用 ajax 调用的 post 方法，它是 http get。这可能是问题所在。如果您也可以将代码用于您的操作方法，那就太好了。

这里是在mvc中通过ajax发布对象的示例，

    [HttpPost]  
    public ActionResult YourMethodName(MyViewModel myViewModel)  
    {            
     //your code goes here.
    }

您可以像下面这样进行 ajax 调用，

   var requestData = {
     Email: 'pass the email value here',
     Password: 'pass the password value here')
  };


  $.ajax({
     url: '/en/myController/YourMethodName',
     type: 'POST',
     data: JSON.stringify(requestData),
     dataType: 'json',
     contentType: 'application/json; charset=utf-8',
     error: function (xhr) {
        alert('Error: ' + xhr.statusText);
     },
     success: function (result) {

     },
     async: true,
     processData: false
  });

Answer 2

在你的控制器方法中你使用[HttpGet]，但在ajax请求中你写POST。因此，请转到 POST 或 GET 一个选项。我用GET 编写解决方案首先用这个改变你的控制器方法：

    [HttpPost] 
    public JsonResult adduser(string email, string password) { 
    // work here
    }

然后修改你的代码：

$("#button_val").click(function () {
            var userCrdential = "email:"+ $("#username").val()+", password:"+ $("#pwd").val();
            alert(userCrdential);
            $.ajax({
                type: "POST",
                url: "/Home/adduser",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: {userCrdential },
                success: function (res) {
                    //  alert("data is posted successfully");
                    if (res.success == true)
                        alert("data is posted successfully");
                    else {
                       // alert("Something went wrong. Please retry!");
                    }
                },
                error: function (xhr, textStatus, errorThrown) {
                    alert(xhr.statusMessage);
                }
            });
        });