首页 > Web开发 > 详细

JQuery、AngularJs动态加载其他页面

时间:2015-10-08 23:06:00      阅读:285      评论:0      收藏:0      [点我收藏+]

1.JQuery的load函数

<script>
    $(function(){
        $("#d1").load("page.html");//需要加载的页面
        $.ajax({
            type:"get",
            url:"http://localhost:3000/showAll",
            dataType:"jsonp",
            jsonpCallback:"cb",
            success:function(param){
                alert(param);
            }
        });
    });
</script>

2.AngularJs

<script>
        angular.module("indexMain",["ngRoute","controllerModule"])
                .config(function($routeProvider){
                    $routeProvider.when("/",{templateUrl:"page1.html",controller:"Page1Controller"});
                    $routeProvider.when("/page1",{templateUrl:"page1.html",controller:"Page1Controller"});
                    $routeProvider.when("/page2",{templateUrl:"page2.html"});
                    $routeProvider.when("/page3",{templateUrl:"page3.html"});
                });
        angular.module("controllerModule",[])
                .controller("Page1Controller",function($scope){
                    $scope.name = "aaa";
                });
    </script>

//Html中
<ul>
                <li><a href="#page1">页面一</a></li>
                <li><a href="#page2">页面二</a></li>
                <li><a href="#page3">页面三</a></li>
</ul>

  

JQuery、AngularJs动态加载其他页面

原文:http://www.cnblogs.com/yttbbd/p/4862579.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!