如何將url.HttpRouteUrl轉換爲普通的字符串url？

Question

我繼承了一些代碼，我試圖找到一個webapi控制器的正確url，但是我對mvc web api的知識缺乏。

我有一個做一個ajax後這樣內嵌腳本：

$('#saveNewEducation').on('click', function() { 
    var educationAdd = { 
     'educationId': $('#newEducation').val(), 
     'startDate': $('#newEducationDate').val(), 
     'identificationId': $('#identificationId').val(), 
     'educationNote': $('#newEducationNote').val(), 
     'examinerId': $('#newExaminer').val() 

    }; 
    $.post('@Url.HttpRouteUrl("DefaultApi", new { controller = "EmployeeApi", educationName = "educationCreate" })', educationAdd) 
     .done(function (data, textStatus, jqXhr) { 
      if (jqXhr.status == 200) { 
       $('#save-education').modal('show'); 

      } else { 
       $('#fail-save-employee').modal('show'); 
      } 

     }) 
     .fail(function (jqXhr) { 
      var education = $("#new-education"); 
      if (jqXhr.status == 409) { 
       $('#future-save-employee').modal('show'); 
      } else { 
       if (jqXhr.status == 400) { 
        clearErrors(education); 
        var validationErrors = $.parseJSON(jqXhr.responseText); 
        $.each(validationErrors.ModelState, function (i, ival) { 
         remoteErrors(education, i, ival); 
        }); 
       } else { 
        $('fail-save-employee').modal('show'); 
       } 
      } 
     }); 

我不喜歡內嵌腳本和我創建了一個單獨的js文件，我想使這個調用。

我需要

我需要幫助找出正確的URL到API控制器，這樣我可以在腳本文件中使用它的幫助。

我試圖

閱讀this article我試過如下：

$.post('/DefaultApi/EmployeeApi', educationAdd) 

這給了我一個沒找到

404錯誤。

在聯腳本

的URL是這樣的：

$.post('@Url.HttpRouteUrl("DefaultApi", new { controller = "EmployeeApi", educationName = "educationCreate" })', educationAdd) 

WebApiConfig.cs文件：

config.Routes.MapHttpRoute(
     name: "DefaultApi", 
     routeTemplate: "api/{controller}/{id}", 
     defaults: new { id = RouteParameter.Optional }); 

方法，我試圖訪問在EmployeeApi控制器：

public IHttpActionResult EducationPost(EmployeeEducation model, string educationName){} 

我該怎麼做？

// Supply the Action, Controller and any route values that you need 
$.post('@Url.Action("EducationPost","EmployeeApi", new { educationName = "educationCreate"})', function(){ 
    // Do something here 
}); 

然而，網址：

Answer 1

在MVC應用程序解決的URL

一般情況下，你會使用Url.Action()幫助解決正確的URL提供的控制器，動作和RouteValues解決此API還具有Url.Link()助手，該助手也可能很有用，除了基於路線本身外，其他工作方式也相似：

$.post('@Url.Link("DefaultApi", new { controller = "EmployeeApi", action = "EductationPost", educationName = "educationCreate" })', function(){ 
    // Do something here 
}); 

當使用外部JavaScript文件

，你會想象，這些技術將不使用外部JavaScript文件時工作。我一般建議在這些情況下是考慮使用data-*屬性在HTML中存儲的URL，然後引用該事件處理程序內將觸發AJAX調用：

<button id='call-ajax' data-post-url='@Url.Action(...)' /> 
<script> 
    $(function(){ 
      $('#call-ajax').click(function(e){ 
       // Read the attribute and use it 
       $.post($(this).attr('data-post-url'), function(){ 
        // All done 
       }); 
      }); 
    }); 
</script> 

你可以明顯地做到這一點相同的基本思路通過使用變量或隱藏的元素，但是相同的想法在實際訪問它的過程中基本上是成立的。

Answer 2

看一看這個答案： How to send razor created Url to js file

此用戶提供了3級可能的解決方案。

1. 全球JS變量
2. 定製「數據 - 」屬性
3. 隱藏輸入