-_-#【Backbone】Model

標籤：style   blog   ar   io   color   os   sp   on   資料   

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title></title>    <link rel="stylesheet" href="../../app-min.css"></head><body>    <script src="../../jquery/jquery-1.10.2.js"></script>    <script src="../underscore.js"></script>    <script src="../backbone.js"></script>    <script>        var Man = Backbone.Model.extend({            url: ‘/man/‘,            initialize: function() {                console.log(‘initialize‘)                // 初始化時綁定監聽                this.bind(‘change:name‘, function() {                    var name = this.get(‘name‘)                    console.log(‘you changed name to ‘ + name)                })                this.bind(‘invalid‘, function(model, error) {                    console.log(error)                })                this.bind(‘error‘, function(model, error) {                    console.log(error)                })            },            defaults: {                name: ‘name‘,                age: ‘age‘            },            validate: function(attributes) {                if (attributes.name == ‘‘) {                    return ‘name不可為空‘                }            },            aboutMe: function() {                return ‘wo jiao ‘ + this.get(‘name‘)            }        })        var man = new Man        console.log(man.get(‘name‘))        man.set({name: ‘‘})        console.log(man.get(‘name‘))        console.log(man.aboutMe())        // 調用save方法時會post對象的所有屬性到server端        // 調用fetch方法是又會發送get請求到server端        // 接受資料和發送資料均為json格式        man.save() // save時觸發驗證。根據驗證規則，彈出錯誤提示        //man.fetch()        //man.fetch({url:‘/man/‘})        man.fetch({            url: ‘/man/‘,            success: function(model, response) {                // model 為擷取到的資料                console.log(model.get(‘name‘))            },            error: function() {                console.log(‘error‘)            }        })        // 你設定了urlRoot之後，你發送PUT和DELETE請求的時候，其請求的url地址就是：/baseurl/[model.id]    </script>    <article class="content">        <pre>var Man = Backbone.Model.extend({    url: ‘/man/‘,    initialize: function() {        console.log(‘initialize‘)        // 初始化時綁定監聽        this.bind(‘change:name‘, function() {            var name = this.get(‘name‘)            console.log(‘you changed name to ‘ + name)        })        this.bind(‘invalid‘, function(model, error) {            console.log(error)        })        this.bind(‘error‘, function(model, error) {            console.log(error)        })    },    defaults: {        name: ‘name‘,        age: ‘age‘    },    validate: function(attributes) {        if (attributes.name == ‘‘) {            return ‘name不可為空‘        }    },    aboutMe: function() {        return ‘wo jiao ‘ + this.get(‘name‘)    }    })    var man = new Man    console.log(man.get(‘name‘))    man.set({name: ‘‘})    console.log(man.get(‘name‘))    console.log(man.aboutMe())    // 調用save方法時會post對象的所有屬性到server端    // 調用fetch方法是又會發送get請求到server端    // 接受資料和發送資料均為json格式    man.save() // save時觸發驗證。根據驗證規則，彈出錯誤提示    //man.fetch()    //man.fetch({url:‘/man/‘})    man.fetch({    url: ‘/man/‘,    success: function(model, response) {        // model 為擷取到的資料        console.log(model.get(‘name‘))    },    error: function() {        console.log(‘error‘)    }})// 你設定了urlRoot之後，你發送PUT和DELETE請求的時候，其請求的url地址就是：/baseurl/[model.id]</pre>        </article></body></html>

 

-_-#【Backbone】Model