JavaScript 未在 C# MVC4 中触发

Question

我认为有以下代码：

    <script type="text/javascript">
    function OnCancelClick(e)
    {
        var jobId = e;
        var flag = confirm('You are about to cancel job : ' + jobId + '. Are you sure you want to cancel this job?');
        if (flag) {
            $.ajax({
                url: '/job/CancelJob',
                type: 'POST',
                data: { jobId: jobId },
                dataType: 'html',
                success: function (result) { alert('Job ' + jobId + ' was cancelled.'); document.location = "@Url.Action("Index", "Job")"; },
                error: function () { alert('Something went wrong. Check the log for more information.'); }
        });
    }
    return false;
    }
</script>

在我看来我也有：

<input type="submit" id="cancelButton" value="Cancel" onclick="javascript: return OnCancelClick(@Model.Id);" />

在我的控制器中，我有：

[HttpPost]
        public ActionResult CancelJob(int jobId)
        {
            try
            {
                logger.LogInfo(string.Format("<start> Cancel-button clicked for job : {0}", jobId), jobId);

                JobCommandService.ChangeStatus(jobId, 6);

                logger.LogInfo(string.Format("<end> Cancel-button clicked for job : {0}", jobId), jobId);

                return RedirectToAction("Index", "Job");
            }
            catch (Exception ex)
            {
                logger.LogError(ex.Message, ex, jobId);
                Response.StatusCode = (int)HttpStatusCode.InternalServerError;
                return Json(new { Success = false, Message = ex.Message });
            }
        }

当我在我的 VS2012 中运行它时，它工作得很好。 当我将它部署到服务器时，我收到了出错的消息。 在我的日志中，没有任何按钮被点击的痕迹。

Answer 1

根据您的评论，部署时您的应用安装在accindigoapps.blabla.lok/jobmonitor。

但是，您的脚本将 url 硬编码为 url: '/job/CancelJob'。这意味着：

• 当您从 VS 调试时，您的脚本将工作，因为请求被发送到像 http://localhost:XXX/job/CancelJob 这样的 URL
• 但是在生产中，请求将被发送到 http://accindigoapps.blabla.lok/job/CancelJob，缺少 jobmonitor 部分。

您需要一种方法来告知您的 JS 代码您的应用程序的基本 url：

• 您可以使用 Url.Action("CancelJob","job") 在 Razor 视图中生成 Url，并将该 Url 传递到您的 javascript 代码中。

• 另一种选择是在基本布局的一些 javascript 中使用 Url.Content("~/")。该助手 Url.Content("~/") 将仅返回您的应用程序文件夹，/ 在您的开发环境中，/jobmonitor/ 在部署时。这样，您的应用程序根相对 url 将可用于任何脚本，因此您可以使用它来构建根相对 url，就像您在脚本中所做的那样：

  <script>
      var myApp = {};
      myApp.BaseUrl = '@Url.Content("~/")';
  </script>
  
  //Some other script like yours would be able to keep using root-relative urls as: 
  $.ajax({
      url: myApp.BaseUrl + 'job/CancelJob',
      ...
  

如果您更喜欢生成完整的 url，您可以采用类似的方法。看看this question

希望对你有帮助！