2017-03-26 14 views
0

ちょっとそれはなぜ私はここに ASP.net MVCのAjaxのDataTableエラー7

のDataTable

にAjaxのエラー7を取得していないことを確認、物事のASP.net MVC側に来るとき、私のコードは初心者です:CSHTML

ため
@{ 
    Layout = null; 
} 

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 

    <title>Register new Users</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap 
    /3.3.7/css/bootstrap.min.css" /> 
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/ 
    jquery.dataTables.min.css" /> 
    <link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" /> 
    <style> 
    span.field-validation-error { 
     color: red; 
    } 
</style> 
</head> 
<body> 

<div style="width:90%; margin:0 auto "> 
    you are in the Table area 

    <table id="myDatatable"> 
     <thead> 
      <tr> 
       <th>User ID</th> 
       <th>First Name</th> 
       <th>Last Name</th> 
       <th>User Email</th> 
       <th>Username</th> 
       <th>Users ImagePath</th> 
       <th>SSID</th> 
      </tr> 
     </thead> 
    </table> 
</div> 




<script src="~/Scripts/jquery-3.1.1.min.js"></script> 
<script src="~/Scripts/jquery.validate.min.js"></script> 
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> 
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script> 
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script> 

<script> 

    $(document).ready(function() { 
     var oTable = $('#myDatatable').DataTable({ 
      "ajax": { 
       "url": '/home/GetUsers', 
       "type" : "get", 
       "dataType": "json" 
      }, 

      "columns": [ 
      { "data": "Users_ID", "autoWidth": "true" }, 
      { "data": "Users_Fname", "autoWidth": "true" }, 
      { "data": "Users_Sname", "autoWidth": "true" }, 
      { "data": "Users_Email", "autoWidth": "true" }, 
      { "data": "Users_Usersname", "autoWidth": "true" }, 
      { "data": "Users_ImagePath", "autoWidth": "true" }, 
      { "data": "FK_Product_ID", "autoWidth": "true" } 
      ] 

     }) 
    }) 
</script> 
</body> 
</html> 

私はいくつかstackflowのトラブルシューティングを試してみましたが、どこにも

私のファイル構造の名前を取得していない午前私はEPOSv3DataModel.edmx持つモデルフォルダの下に

を次のようにしていますホームフォルダの下私は次のコードを持って、この

内HomeController.csファイルがあります:YouTube

と、この開発者が持っているサイト:

public class HomeController : Controller 
     { 
      public ActionResult Index() 
      { 
       ViewBag.Message = "Welcome to Registration System"; 
       //EPOSv3Entities1 r = new EPOSv3Entities1(); 
       //var data = r.tbl_Users.ToList(); 
       //ViewBag.userdetails = data; 
       return View(); 
      } 

     #region Get Users from the database 

     public ActionResult GetUsers() 
      { 
      using (EPOSv3Entities1 entity = new EPOSv3Entities1()) 
      { 
      // get the data order by firstname 
      var users = entity.tbl_Users.OrderBy 
      (a => a.Users_Fname).ToList(); 

      return Json(new { data = users }, JsonRequestBehavior.AllowGet); 

     }// end of your using statement 
    } 

    #endregion 
}end of class 
}//end of namespace 

私はからこのビデオチュートリアル従っていましたが彼のコードはASP.net CRUD DataTable

を入力したときにも表示されますが、データはロードされませんajaxエラーは消えますが、データはロードされません。

HELP :(

+0

をシリアル化の問題を引き起こしている可能性がありますエンティティフレームワーク生成されたプロキシオブジェクトを使用して、としている。この

using (EPOSv3Entities1 entity = new EPOSv3Entities1()) { entity.Configuration.ProxyCreationEnabled = false; // get the data order by firstname var users = entity.tbl_Users.OrderBy (a => a.Users_Fname).ToList(); return Json(new { data = users }, JsonRequestBehavior.AllowGet); }// end of your using statement 

を試すことができますブラウザのコンソールにエラーが表示されますか? –

+0

はいコントローラのアクションが呼び出されています。リクエストが500回返されていますか? – Wazzie

+0

サーバーサイドコードに何か問題があります。 nyの例外? –

答えて

0

あなたはあなたがあなたのコントローラのアクションが呼び出さなっている

+0

私はcontext.Configurationのためにインポートする必要がありますか?を使用して? – Wazzie

+0

私は自分の答えを更新しました – Usman

+1

Usmanあなたの男、10億の感謝、全能者がこれを褒めることができるようになりました。どのようにしてそれがproxyCreationEnabledだったのかを学習するためです。それは何のために使うのですか?上記の夢のような作品にもう一度感謝します。 – Wazzie