您的位置：首页 > Web前端 > JQuery

ajax+jQuery实现一个页面同时加载多个模块！

2016-05-25 11:31 696 查看

具体代码如下：

<html>

   <head>

     <title></title>

   </head>

   <body>

     <div id="id1"></div>

     <div id="id2"></div>

     <div id="id3"></div>

     <div id="id4"></div>

     <div id="id5"></div>

     <div id="id6"></div>



<%--同时加载多个ajax的请求 start --%>

    <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>

    <script type="text/javascript">

      $(document).ready(function () {

       $.when($.ajax("SelectAllArticle?type=sk"), $.ajax("SelectAllArticle?type=fe"), $.ajax("SelectAllArticle?type=re"), $.ajax("SelectAllArticle?type=na"), $.ajax("SelectAllArticle?type=fc"), $.ajax("SelectAllArticle?type=fb")).done(function(a1,a2,a3,a4,a5,a6){

         $('#id1').html(a1[0]);

         $('#id2').html(a2[0]);

         $('#id3').html(a3[0]);

         $('#id4').html(a4[0]);

         $('#id5').html(a5[0]);

         $('#id6').html(a6[0]);

       });

      });

    </script>

<%--同时加载多个ajax的请求 end --%>

</body>

</head>

</html>

用到的jquery-1.5.2.min.js下载：

    Microsoft CDN: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js

    Google CDN: https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航