先登陸面試再者Tabs標籤導航，多次網路請求共享cookie，本地儲存cookie

石橋碼農發表於2015-08-05
面試Cookie

1,index.ng.html:

<head>
    <title>ionic todo example</title>
</head>

<body ng-app="starter">
<ion-nav-bar class="bar-positive">
    <ion-nav-back-button class="button-icon ion-arrow-left-c">
    </ion-nav-back-button>
</ion-nav-bar>

<ion-nav-view></ion-nav-view>
</body>

2,tags.ng.html:

<ion-tabs class="tabs-positive tabs-icon-only">

    <ion-tab title="Home" href="#/tabs/home1" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
        <ion-nav-view name="home-tab1"></ion-nav-view>
        <!-- Tab 1 content -->
    </ion-tab>

    <ion-tab title="About" href="#/tabs/home2" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" >
        <ion-nav-view name="home-tab2"></ion-nav-view>
        <!-- Tab 2 content -->
    </ion-tab>
</ion-tabs>

　　

3,state config，主要在這裡：

        $stateProvider
            .state('login', {
                url: '/login',
                templateUrl: 'login.ng.html',
                controller: 'LoginCtrl'
            })
            .state('tabs', {
                url: "/tabs",
                abstract: true,
                templateUrl: "tabs.ng.html"
            })
            .state('tabs.home1', {
                url: "/home1",
                views: {
                    'home-tab1': {
                        templateUrl: "home1.ng.html",
                        controller: 'HomeTabCtrl'
                    }
                }
            })
。。。

　　

4，取出cookie字串

var setCookiesArr = result.headers["set-cookie"];
                    //console.log( setCookiesArr );
                    var cookieStr = "";

                    setCookiesArr.forEach(function(item){
                        var arr = item.split(";");
                        if (arr.length > 0){
                            var arr2 = arr[0].split("=");
                            if (arr2.length > 0){
                                cookieStr += ";"+arr[0]
                            }
                        }
                    })
                    if (cookieStr.length > 0) cookieStr = cookieStr.substring(1);
                    console.log(cookieStr)

　　

5，本地存取變數

localStorage["loginCookie"] = loginCookie;
...
console.log('loginCookie', localStorage["loginCookie"]);

　　

原始碼：http://vdisk.weibo.com/s/ao-ZYIoZdaL8b

 

相關文章