0

我的页面中有多个部分，每个部分都有自己的 ID。当页面加载后，我试图从控制器中为每个视图加载真实视图，并按照下面的示例代码将其放入该部分。

但是，每当我刷新页面时，我发现有时内容会到达，有时不会。所以有时我对他们所有人都有内容，然后只有 2 或 3 个，然后对他们所有人等等。我做错了什么？从 Controller 返回的数据只是一小部分 html。

索引.cshtml

<table class="table1">
    <tr>
        <td colspan="2"><section id="id1" class="ctrl1 mainPanel"></section></td>
        <td colspan="2"><section id="id2" class="ctrl2 mainPanel"></section></td>
    </tr>
    <tr>
        <td colspan="2"><section id="id3" class="ctrl3 mainPanel"></section></td>
        <td><section id="id4" class="ctrl4 mainPanel"></section></td>
        <td><section id="id5" class="ctrl5 mainPanel"></section></td>
    </tr>
</table>

@section scripts {
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

     <script>

         $(document).ready(function () {

             $("#id1").load("/MyController/GetData1");
             $("#id2").load("/MyController/GetData2");
             $("#id3").load("/MyController/GetData3");
             $("#id4").load("/MyController/GetData4");

         });

    </script>

来自 MyController：

public ActionResult GetData1()
{
    String s = "<b>Section 1 header</b><br><br>";
    s += "<ul><li>3 appointments</li><li>2 tasks</li></ul>";
    return Content(s);
}

ETC...

4

0 回答 0