| <!DOCTYPE HTML> | |
| <html lang="en-US"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Learning About Backbone.js AJAX</title> | |
| </head> | |
| <body> | |
| <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | |
| <script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script> | |
| <script type="text/javascript" src="http://documentcloud.github.com/backbone/backbone-min.js"></script> | |
| <script type="text/javascript"> | |
| Backbone.emulateHTTP = true; | |
| Backbone.emulateJSON = true; | |
| var Person = Backbone.Model.extend({ | |
| initialize: function() { | |
| this.on('all', function(e) { | |
| console.log(this.get('name') + " event: " + e); }); | |
| }, | |
| defaults: { | |
| name: 'undefined', | |
| age: 'undefined' | |
| }, | |
| urlRoot: "/examples/backbonejs-ajax/backbone.php", | |
| url: function() { | |
| var base = this.urlRoot || (this.collection && this.collection.url) || "/"; | |
| if (this.isNew()) return base; | |
| return base + "?id=" + encodeURIComponent(this.id); | |
| } | |
| }); | |
| var person = new Person({id:1}); | |
| person.fetch(); | |
| person = new Person({name:"Joe Zim", age:23}); | |
| person.save(); | |
| person = new Person({id:1, name:"Joe Zim", age:23}); | |
| person.save(); | |
| person.destroy(); | |
| var People = Backbone.Collection.extend({ | |
| initialize: function() { | |
| this.on('all', function(e) { console.log("People event: " + e); }); | |
| }, | |
| model: Person, | |
| url: "/examples/backbonejs-ajax/backbone.php" | |
| }); | |
| var people = new People(); | |
| people.fetch(); | |
| people.create({name:"Joe Zim", age:23}); | |
| people.create({id:6, name:"Chuck Norris", age:72}); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment