从 javascript 文件调用 Controller 中的函数答案

【问题标题】：Call a function in Controller from javascript file从 javascript 文件调用 Controller 中的函数
【发布时间】：2014-06-25 09:04:09
【问题描述】：

在javascript js 文件中调用Controller 的函数。

我知道有一些与此相关的问题，但我没有找到任何合适的问题，所以我想创建这个主题。

我有一个控制器和一个函数，它根据 Html 文件中的参数输入返回一个字符串。

控制器示例：

 public class UtilsController : BaseController
{
//
// GET: /Utils/

public string testTranslation(string inputDictKey)
{

    switch (inputDictKey)
    {
        case "reference":
            return "réf";
        case "country":
            return "pays";
    }
    return "test_translation_null";
}


public ActionResult Index()
{
    return View("~/Views/Websites/Index.cshtml");
}

}

而在HTML文件中，我希望每次渲染html文件时，都有一个js函数将输入文本发送到testTranslation Controller MVC，然后返回一个正确的字符串。

<div id="getKeyDict">
    <strong>
        <span id="display_key" data-bind="text:key" />
    </strong>
</div>

data-bind 是要渲染的值，也就是我要发送给控制器的参数。

【问题讨论】：

标签： c# javascript html model-view-controller controller

【解决方案1】：

<script>
    $(function () {
        var url = "@Url.Action("Utils", "testTranslation")",
            $displ = $("#display_key"),
            dataObj = {
                inputDictKey: $displ.data("bind")
            };
        $.get(url, dataObj, function(result){
            $displ.html(result);
        });
    });
</script>

【讨论】：