title: Ext.Ajax.Request not working in Browser
body: <p>Ext.Ajax.Request doesn't seem to work on desktop web browsers for me. It works perfectly fine on devices and on the xcode simulators but on desktop web browsers, it calls on the failure method. Here is the code:</p>
  
  <pre><code>// send ajax request
          Ext.Ajax.request({
              url: 'http://testapp.cloudapp.net/index.php/api/accounts/login/',
              method: 'POST',
              params: {
                  username: Ext.getCmp('username').getValue(),
                  password: Ext.getCmp('password').getValue()
              },
              dataType: 'json',
              success : function(response, request) {
                  if(response.responseText == true) {
                      Ext.Msg.alert('validated');
  
                      // animate to wall view
                      Ext.Viewport.animateActiveItem(targetView, { type : 'fade' } );
  
                      //destroy Login and Register Views
                      var vwRegister = Ext.ComponentQuery.query('register')[0],
                          vwLogin = Ext.ComponentQuery.query('login')[0];
  
                      setTimeout( function() {
                          vwRegister.destroy();
                          vwLogin.destroy();
                      }, 2000);
                  }
                  else {
                      Ext.Msg.alert('invalid user');       
                  }
              },
  
              failure: function(response, request) {
                  Ext.Msg.alert('error');
              }
          });
  </code></pre>
  
  <p>I don't think this has something to do with the "Same-origin policy" because I tried doing the same thing using jQuery's $.ajax function and it worked fine.</p>