Tutorial improvements

scripts/example.js

@@ -18,16 +18,17 @@ var Comment = React.createClass({
 
 var CommentBox = React.createClass({
   loadCommentsFromServer: function() {
-    $.ajax({
-      url: this.props.url,
-      dataType: 'json',
-      success: function(data) {
+    $.getJSON(this.props.url)
+      .done($.proxy(function(data) {
         this.setState({data: data});
-      }.bind(this),
-      error: function(xhr, status, err) {
+      }, this))
+      .fail($.proxy(function(xhr, status, err) {
         console.error(this.props.url, status, err.toString());
-      }.bind(this)
-    });
+      }, this))
+      .always($.proxy(function() {
+        setTimeout(this.loadCommentsFromServer, this.props.pollInterval);
+      }, this))
+    ;
   },
   handleCommentSubmit: function(comment) {
     var comments = this.state.data;
@@ -36,26 +37,18 @@ var CommentBox = React.createClass({
       // `setState` accepts a callback. To avoid (improbable) race condition,
       // `we'll send the ajax request right after we optimistically set the new
       // `state.
-      $.ajax({
-        url: this.props.url,
-        dataType: 'json',
-        type: 'POST',
-        data: comment,
-        success: function(data) {
-          this.setState({data: data});
-        }.bind(this),
-        error: function(xhr, status, err) {
+      $.post(this.props.url, comment)
+        .fail($.proxy(function(xhr, status, err) {
           console.error(this.props.url, status, err.toString());
-        }.bind(this)
-      });
+        }, this))
+      ;
     });
   },
   getInitialState: function() {
     return {data: []};
   },
   componentDidMount: function() {
     this.loadCommentsFromServer();
-    setInterval(this.loadCommentsFromServer, this.props.pollInterval);
   },
   render: function() {
     return (