无法使用 jquery 从控制器获取数据

Question

我在这里遗漏了什么吗？我只想要一个警报框来给我控制器操作中的字符串值。 我不断在开发工具中收到内部服务器错误消息

        public JsonResult Button_Click()
        {
            string cam = "Hello";

            return Json(cam, JsonRequestBehavior.AllowGet);
        }

        $("#hello").click(function () {
            $.ajax({
                url: '/Mycontroller/Button_Click/',
                type: "GET",
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    alert(data);
                },
                failure: function () {
                    alert("FAIL");
                },
                error: function () {
                    alert("ERROR");
                }
            });
        });   
    });

我应该得到一个带有“Hello”的警告框。

Answer 1

我正在试验，看起来这对我有用：

return new JsonResult(){ Data=cam, JsonRequestBehavior=JsonRequestBehavior.AllowGet };

代替：

return Json(cam, JsonRequestBehavior.AllowGet);

至于解释，我[还没有]。奇怪的是，在 Ajax 中使用 Post 而不是 Get 可以正常工作。我希望这个对你有用。

Answer 2

您的服务器端代码是正确的，但在 javascript 中您添加了额外的大括号，

如果我已经尝试过并且工作正常，只需删除额外的 )}; 即可删除此脚本看起来像

$("#hello").click(function () {
            $.ajax({
                url: '/Mycontroller/Button_Click/',
                type: "GET",
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    alert(data);
                },
                failure: function () {
                    alert("FAIL");
                },
                error: function () {
                    alert("ERROR");
                }
            });
     }); 

希望对你有帮助。

Answer 3

不要写“Mycontroller”，而是只写“My”。不需要“控制器”后缀。

这应该可以工作

Javascript：

                $("#hello").click(function () {
                $.ajax({
                    url: '/My/Button_Click/',
                    type: "GET",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        alert(data);
                    },
                    failure: function () {
                        alert("FAIL");
                    },
                    error: function () {
                        alert("ERROR");
                    }
                });
            }); 

行动：

public JsonResult Button_Click()
    {
        string cam = "Hello";

        return Json(cam, JsonRequestBehavior.AllowGet);
    }

HTML：

<span id="hello">Click Me</span>

Answer 4

    public JsonResult Button_Click()
            {
                string cam = "Hello";

          return Json(new { result = true,data=cam }, JsonRequestBehavior.AllowGet);

            }



      $("#hello").click(function () {
                $.ajax({
                    url: '/Mycontroller/Button_Click/',
                    type: "GET",
                    dataType: "json",
                    contentType:'text/xml; charset=utf-8',
                    success: function (result) {
                          if(result.result==true)
                          {
                            alert(result.data);
                          } 
                    },
                    failure: function () {
                        alert("FAIL");
                    },
                    error: function () {
                        alert("ERROR");
                    }
                });
            });   
        });

you return direct data so your data not display 
my changes help you