码迷,mamicode.com
首页 > Web开发 > 详细

JQuery、AngularJs动态加载其他页面

时间:2015-10-08 23:07:17      阅读:150      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!