友好的URL使Ajax來沒有得到正確的URL

Question

我轉換的URL，用戶友好的，但問題是，它使我的AJAX無法正常使用：返回JSON的，相反，它與text/html; charset=utf-8響應，任何想法？

本地主機/主頁/票？標籤= 0

到

本地主機/主頁/票/ 0

jQuery的數據表

個

self.$('#tblticket').dataTable({ 
    "bDestroy": true, 
    "bServerSide": true, 
    "sAjaxSource": '/Home/Ticket/AjaxHandler', 
    "fnServerParams": function (aoData){ 
    aoData.push({ "name": "sStatus", "value": status }); 
}, 

路由器

routes.MapRoute(
    name: "TicketRoute", 
    url: "Ticket/{tab}", 
    defaults: new { controller = "Ticket", action = "Index", tab = UrlParameter.Optional } 
); 

更新1

如果我更改路由器這一點，它的工作原理，但是URL看起來像 本地主機/主頁/票/索引/ 0。路由器會干擾ajax調用，有什麼想法嗎？我想要的網址看起來像這樣本地主機/主頁/票/ 0，仍然能夠Ajax調用，我不知道，什麼可以做什麼？

 routes.MapRoute(
      name: "TicketRoute", 
      url: "Ticket/Index/{tab}", 
      defaults: new { controller = "Ticket", action = "Index", tab = UrlParameter.Optional } 
     ); 

Answer 1

在我MVC4版本我做了以下內容：

1. 創建我的控制器的方法是數據表可以訪問

   [HttpGet] 
   public ActionResult GetRecords(jQueryDataTableParamModel param) 
   { 
       #region ViewModel Binding with TotalRecords count, pagination and search 
       List<vm_DataTable_TableName> model; 
       int totalRecords = 0; 
       using (DBEntities db = new DBEntities()) 
       { 
        model = Mapper.Map(db.GetRecords(), new List<vm_DataTable_TableName>()); //Using AutoMapper for viewmodel bindings 
        totalRecords = model.Count(); 
       } 
       #endregion 
   
       #region Filtration/Pagination 
       var filtered = ***Filter depending on your needs*** 
   
       var displayed = filtered.Skip(param.iDisplayStart).Take(param.iDisplayLength); 
       #endregion 
   
       #region Convert Result to String Array for JSON Conversion/Trim excess white space to reduce size of result 
       IEnumerable<string[]> result = new List<string[]>(); 
       result = displayed 
         .Select(s => new string[] { 
          (!string.IsNullOrEmpty(Convert.ToString(s.ID))) ? s.ID.ToString().Trim() : string.Empty, 
          (!string.IsNullOrEmpty(s.val_1)) ? s.val_1.Trim() : string.Empty, 
          (!string.IsNullOrEmpty(s.val_2)) ? s.val_2.Trim() : string.Empty, 
          (!string.IsNullOrEmpty(s.val_3)) ? s.val_3.Trim() : string.Empty 
         }); 
       #endregion 
   
       return Json(new 
       { 
        sEcho = param.sEcho, 
        iTotalRecords = totalRecords, 
        iTotalDisplayRecords = filtered.Count(), 
        aaData = result 
       }, 
       JsonRequestBehavior.AllowGet); 
   } 
   

2. 在jQuery的數據表初始化：

   $('#tblticket').dataTable({ 
       "bDestroy": true, 
       "bServerSide": true, 
       "sAjaxSource": '@Url.Content("~/Home/Ticket/GetRecords")', //Server inserted url 
       "fnServerData": function Data(sSource, aoData, fnCallback) { 
        $.ajax({ 
         "dataType": "json", 
         "contentType": "application/json; charset=utf-8", 
         "type": "GET", 
         "url": sSource, 
         "data": aoData, 
         "success": 
          function (msg) { 
           //Whatever other actions you want to do with the data 
           fnCallback(msg); 
          }, 
         "failure": 
          function (XMLHttpRequest, textStatus, errorThrown) { 
           alert(XMLHttpRequest.status); 
           alert(XMLHttpRequest.responseText); 
          } 
        }); 
       } 
   }); 
   

'@ Url.Content（ 「」）' 也是友好的使用MVC領域時。

These系列文章對我幫助很大，當我使用這個插件第一次開始。