var Foo = React.createClass({

    getInitialState : function () {

      return (

        {

          failure : false,

          prueba : 'test',

          success : false,

          result : null

        }

      );

    },

    onClick : function () {

        var server = sinon.fakeServer.create();

        server.respondImmediately = true;

        if (this.state.success) {

          server.respondWith([400, {}, ""]);

        } else {

          server.respondWith('foo');

        }

        var prox= {"email":"email", "password": "password"};

        $.ajax({

          type: 'POST',

          url: '/test',

          data: JSON.stringify(prox),

          contentType: "application/json; charset=utf-8",

          success: function(data) {

            this.setState({success : true, failure : false});

            alert("success");

          }.bind(this),

          error: function() {

            this.setState({failure : true, success : false});

            alert("failure");

          }.bind(this)

        });

        server.restore();

    },

    render          : function () {

        var success = this.state.success ? "True" : "False"

        var failure = this.state.failure ? "True" : "False"

        return (

            <div className='foo'>

                Click the button to do ajax stuff<br/>

                <button onClick={this.onClick}>Click me</button>

                <br/><br/>

                States:

                <br/><br/>

                Success: {success}

                <br/>

                Failure: {failure}

            </div>

        );

    }

});

​

React.render(

  <Foo/>,

  document.body

);