如何从 javascript 文件中获取函数的值到 ASP.NET MVC 视图？

Question

我正在尝试将我的视图与 java 脚本分开，在我看来我调用 js 文件中的函数来创建图表，

这是我的js文件和函数：

 function pieChartForInterventions(chartID,pieChartData) {

chartID.kendoChart({
    dataSource: {
        data: pieChartData
    },
    series: [{
        type: "pie",
        field: "list",
        categoryField: "mm",
        padding: 0,
        labels: {
            visible: true,
        }
    }],
    seriesClick:onDb,
    tooltip: {
        visible: true,
        template: "${ category }"
    }
    ,
    legend: {
        position: "bottom"
    }
});

}

 function onDb(e) {    
 var _clicked = e.category;

  }

这是我的看法：

  pieChartForInterventions($("#pieChart"), result);    

现在的问题是，正如您在我的函数中看到的，我有一个 onDb() 函数，当我单击图表以获取我单击的值时调用该函数，我需要此值通过 Ajax 调用将其发送回通过我的观点，我应该如何在我的观点中拥有这个价值？

Answer 1

请详细说明一下，您认为在哪里需要这个值？或者你想在视图中接收到这个值后做什么？

如果您在 javascript 中有可用的内容，则意味着您已经在“视图”中拥有它，因为您的 javascript 逻辑执行的唯一位置是在您的视图中。

通过您的 onDb(e) 函数，您可以：

1) 返回值并通过 javascript 逻辑在视图中任何您需要的地方使用它。

在您分离的 js 文件中，您可能有如下函数：

function onDb(e) {    
   var _clicked = e.category;
   return _clicked;
}

在您的视图 (.cshtml) 中的某处，您可能会执行以下操作：

<script type="text/javascript"> // Get 'e' from wherever you need var requiredValue = onDb(e); // Any Javascript / JQuery / Ajax logic ... </script>

2）如果服务器端需要返回值，可以发送AJAX请求等。如何发送AJAX请求见下文（MVC jquery ajax call with input parameter）

==== 评论后更新====

您可以使用我在第二个代码 sn-p 中提到的相同方式访问 onDb 函数。但是，在这种情况下，获取输入参数“e”将需要一些脚本。

另外，在这种情况下更容易的是，您可以在 onDb(e) 函数中移动“Ajax 调用”。更新 onDb(e) 函数如下……

function onDb(e) {    
var _clicked = e.category;

$.ajax({
    type: "POST",
    url: '@Url.Action("ControllerName", "ActionName")',
    contentType: "application/json; charset=utf-8",
    data: { valueToSend: _clicked },
    dataType: "json"
    });
}

在您的服务器端，您将执行以下操作：

public class ControllerName : Controller
{
    [HttpPost]
    public ActionResult ActionName(string valueToSend)
    {
        //The value you needed is stored in the input paramater 'valueToSend'
        //... process however you want and return any ActionResult ...
        return Json("success", JsonRequestBehavior.AllowGet);
    }
}