第一次使用 AJAX，示例不适合我

Question

我试图使用 HTML 按钮调用 c# 类方法。 在另一个主题中，人们建议我使用 AJAX。我查看了不同的教程并尝试实现它，但到目前为止它对我不起作用。

现在我只想让按钮给我一个弹出窗口（只是为了让我知道正在调用该方法）我要调用的方法是来自 HomeController 类的 setLang(string lang)

这就是我的 onclick 事件

<input type="submit" onclick="setLanguage();" value="submit">

这是脚本部分，我在同一页面中有这个

<script type="text/javascript">
function setLanguage() {
var lang = "en";
$.post('@Url.Action("setLang","HomeController")/' + lang,function(){
//i'm not expecting a result to process
});
}
</script>

但是当我点击我的按钮时没有任何反应。

我错过了什么吗？

编辑：函数被调用，但回调没有

更新：仍然无法正常工作，这是我当前的代码（根据要求）

按钮（index.aspx）

<input type="button" onclick="setLanguage();" value="submit">

函数（index.aspx）

<script type="text/javascript">
function setLanguage() { 
alert("this message shows");       
    $.post('Url.Action("setLang","Home")/?lang=' + lang,
        function (data) {
            alert("this message does not");
        });
 }
</script>

在 HomeController.cs 中

   public JsonResult setLang(string lang)
    {       
        Thread.CurrentThread.CurrentUICulture = CultureInfo.GetCultureInfo(lang);
        .....//a lot more code, until it reaches
        return Json("Language: " + lang);
    }

Answer 1

将以下内容添加到 HomeController 的 Index 视图中：

<input type="button" onclick="setLanguage();" value="submit">

<script type="text/javascript">
    function setLanguage() {
        var lang = "en";
        $.post('@Url.Action("setLang","Home")/?lang=' + lang,
            function (data) {
                alert(data);
        });
    }
</script>

与您的代码相比，我更改了几处：

• 输入类型 = 按钮
• 控制器名称应为“Home”，而不是“HomeController”。 ASP.NET MVC 默认添加“控制器”部分
• 您的成功函数采用数据参数并在客户端计算机上执行 javascript 警报。
• 由于您没有为此特定方法设置路由，我已将 lang 参数更改为您的查询字符串的一部分。

然后在服务器上将以下操作方法添加到您的 HomeController

public JsonResult setLang(string lang)
{
    return Json("Language: " + lang);
}

该函数采用您的 lang 参数，然后返回一个 JsonResult，其中只有一个简单的字符串值。 Json 是在浏览器和服务器之间发送数据的首选方式。

您可以扩展此示例并将更复杂的数据返回到您的浏览器。

Answer 2

由于您是通过 POST Http 类型调用 action 方法，请确保您的 Action 方法也准备好响应 HTTPPostType 请求。您可能需要将 HttpPost 注释添加到您的操作方法中。

[HttpPost]
public ActionResult setLang(string id)
{
  return Content("MVC is awesome");
}

要处理来自操作方法的响应，请使用带有参数的回调方法。在下面的示例中，您将从变量data 中的操作方法获得响应。

<input type="submit" value="submit">
<script type="text/javascript">
 $(function(){

   $("form").submit(function(e){

    e.preventDefault();  // preventing the default form submit behaviour
       var lang="en"
       $.post("@Url.Action("setLang","Home")/" + lang,function(data){
           alert(data);
       });

   });

 });
</script>