Jquery 在DIV中加载模板_Jquery_Html_Templates

Jquery 在DIV中加载模板

jquery html templates

Jquery 在DIV中加载模板,jquery,html,templates,Jquery,Html,Templates,我有两个div，我想在那里加载模板。我试着这样装填，它不起作用。这是我的密码 Main.htm Details <div id="placeholder1" /> <div id="placeholder2" /> 在您的模板中，您似乎正在使用dataTable插件，但从未包含相应的脚本文件。另外，您似乎正在使用jQuery，但我也看不到对它的任何引用。因此，请确保已将要在模板中使用的脚本包括在内： <script type="text/javascrip

我有两个div，我想在那里加载模板。我试着这样装填，它不起作用。这是我的密码

Main.htm

Details

 <div id="placeholder1" />
 <div id="placeholder2" />

在您的模板中，您似乎正在使用

dataTable

插件，但从未包含相应的脚本文件。另外，您似乎正在使用jQuery，但我也看不到对它的任何引用。因此，请确保已将要在模板中使用的脚本包括在内：

<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.dataTables.min.js"></script>

此外，为了调试此类问题，我强烈建议您开始使用诸如FireBug之类的javascript调试工具。它将向您显示可能存在的潜在javascript错误，您将能够看到来自AJAX调用的确切请求/响应，并立即看到它们失败的潜在原因等等。

检查从AJAX源返回的数据的Json格式，它应该包括'aaData'。同时尝试解决模板页面的问题，无论模板页面是否使用datatable获取数据，稍后尝试加载到Main.html中的div中，谢谢您的回复。是的，我正在将它们加载到site.master文件中。但至少它应该显示“测试…字符串”对吗？它甚至没有表明我认为你得到了我想说的，我不想要网格。但是至少测试字符串应该是na，它甚至没有出现。我想你在加载模板时会遇到一些问题。检查您的javascript控制台，检查FireBug中的AJAX请求，看看为什么失败。好的，我正在安装FireBug，我会检查。。谢谢，但是你认为加载我使用的技术有什么错误吗？

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <script type="text/javascript" charset="utf-8">


            $(document).ready(function () {
                $('#example').dataTable({
                    "bProcessing": true,
                    "bPaginate": false,
                    "sAjaxSource": '/Home/GetReport1',


                });
            });
        </script>

 </head>

TESTING.........

    <div id="dynamic">
    <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
        <thead>
            <tr>
                <th width="20%">Place</th>
                <th width="25%">Food</th>

            </tr>
        </thead>
        <tbody>
       </tbody>

    </table>
    </div>
    </html>

 var placeholder = $("#tab");
            placeholder.setTemplateURL("/Templates/Home/main.htm");

            placeholder.load("/Templates/Home/pricinghistory.htm");

            var firstDiv = $("placeholder1");

            firstDiv.setTemplate("/Templates/Home/Template1.htm");

            firstDiv.load("/Templates/Home/Template1.htm");

<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.dataTables.min.js"></script>