Javascript jQuery不一致地加载节元素

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

然而，每当我刷新页面时，我发现有时内容到达，有时不到达。所以有时候我对他们都有满足感，然后只有2或3个，然后对他们都有，等等。我做错了什么？从控制器返回的数据只是一小块html

Index.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>

@节脚本{
$（文档）.ready（函数（）{
$（“#id1”）.load（“/MyController/GetData1”）；
$（“#id2”）.load（“/MyController/GetData2”）；
$（“#id3”）.load（“/MyController/GetData3”）；
$（“#id4”）.load（“/MyController/GetData4”）；
});

从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);
}

public ActionResult GetData1（）
{
字符串s=“第1节标题

”；
s+=“
3个约会
2个任务
”；
返回内容；
}

---

等等。

打开浏览器的错误或网络控制台，看看发生了什么。可能在硬刷新时，某些HTTP请求的web服务器有时会超时。在浏览器控制台中查看AJAX请求，看看它们是否发出，它们的状态，返回的数据等。还可以使用

$将其剪切为一个请求。get

，并让控制器发回每个具有相同ID的外部

部分

，并解析返回数据以插入it@MichaelBerkowski刷新时没有超时-它只是没有被调用-这可能与客户端上数量有限的HTTP处理程序有关吗？就像现在一样-刷新并跳过#id2的负载，但其他加载正常。再次刷新，它将跳过id4。然后刷新并全部加载正常，以此类推