Fatal编程技术网
  • jquery/
  • 在MVC SPA中填充JQuery数据表

在MVC SPA中填充JQuery数据表

jquery html asp.net-mvc datatables

在MVC SPA中填充JQuery数据表,jquery,html,asp.net-mvc,datatables,Jquery,Html,Asp.net Mvc,Datatables,我想用控制器中的数据填充JQuery数据表。下面是我的JQuery和cshtml…我在这里遗漏了什么 <div id="table1"> <table id="example" class="display"> </table> </div> <br /> <div class="text-center"> <h1>Pre API Checks</h1> <div

我想用控制器中的数据填充JQuery数据表。下面是我的JQuery和cshtml…我在这里遗漏了什么

<div id="table1">
    <table id="example" class="display">
    </table>
</div>
<br />
<div class="text-center">
    <h1>Pre API Checks</h1>
    <div class="btn-group">
        <button type="button" id="btnTapCountCheck">TC Check</button>
    </div>
</div>
编辑
在按钮点击事件中，我在控制台中得到这个错误

Uncaught TypeError: $(...).DataTable is not a function
at HTMLButtonElement.<anonymous> (site.js?v=z24mdPOuYS…NZryPIzfHbE3qOQ2M:6)
at HTMLButtonElement.dispatch (jquery.js:5183)
at HTMLButtonElement.elemData.handle (jquery.js:4991)
(anonymous)    @    site.js?v=z24mdPOuYS…NZryPIzfHbE3qOQ2M:6
dispatch    @    jquery.js:5183
elemData.handle    @    jquery.js:4991

未捕获类型错误：$（…）。DataTable不是函数
在HTMLButtoneElement。（site.js？v=z24mdPOuYS…nzrypizfhbe3qoqom:6）
在HTMLButtonElement.dispatch（jquery.js:5183）
位于HTMLButtonElement.elemData.handle（jquery.js:4991）
（匿名）@site.js？v=z24mdPOuYS…nzrypizfhbe3qoqom:6
dispatch@jquery.js:5183
elemData.handle@jquery.js:4991
在my_Layout.cshtml中，我添加了这两个参考

<head>
  <link href="//cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" rel="stylesheet" />
  <script src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
</head>
您的代码似乎找不到数据表的js。尝试更改数据表的引用

尝试将
头部
标签替换为：


<head>
    <link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css"></style>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> 
</head>



如果看不到您的完整代码，我将很难完全测试出任何内容，但要替换这些标记，看看您是否收到相同的错误。
您收到了哪些错误？@develInconnate-请参阅我的编辑。我可以提供哪些完整代码？你需要看什么？在my_Layout.cshtml中，如果我删除代码并替换为您提供的5…我会在下面所有行中得到错误。。。。混合内容：通过HTTPS加载了“”处的页面，但请求了不安全的样式表“”。此请求已被阻止；内容必须通过HTTPS提供。localhost/：15Ah，好的。您的代码与使用
http
和
https
的标记链接不匹配。我已经更新了我的标签。现在尝试一下，看看是否返回任何错误。我将链接更改为
https
，但如果您将本地api url链接更改为
http
，也应该清除该错误，而不将datatable链接更改为
https
，将标记更改为更新，我会在开发控制台中收到与以前相同的错误。--我在my_Layout.cshtml中添加了标记，在site.js文件中有JQuery，在我的index.cshtmlid中有HTML，您是否将它们添加到_Element.cshtml中？那是我所知道的唯一的文件。我没有看到任何关于_Layout.cshtml文件的内容。

<head>
    <link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css"></style>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> 
</head>



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>