title: Cross Domain Ajax with Ext.Ajax.request
body: <p>It seems I can't make a cross domain ajax call with Ext.Ajax.request. It looks like ScriptTag: True doesn't have any effect. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>            {
              xtype: 'button',
              text: 'Search',
              ui: 'confirm',
              handler: function() {
                  var query = Ext.getCmp("textquery").getValue();
                  Ext.Ajax.request({
                      url: 'http://example.com/?search='+query,
                      dataType: 'jsonp',
                      jsonp: 'jsonp_callback',
                      scriptTag: true,
                      success: function(e) {
                          var obj = Ext.decode(e.responseText);
                          var msg = obj;
                          var html = tpl.apply(msg);
                          resultPanel.update(html);
                      }
                  });
              }
  </code></pre>
  
  <p>The console log tells me:</p>
  
  <pre><code>XMLHttpRequest cannot load http://example.com/?search=test&amp;_dc=1326551713063. Origin http://myapp.lo is not allowed by Access-Control-Allow-Origin.
  </code></pre>
  
  <p>With jquery I have done the same thing and it works, but I have to use sencha touch.</p>
  
  <pre><code>              var formData = $("#callAjaxForm").serialize();
  
                $.ajax({
                  url:"http://example.com/leksikonapi/",
                  dataType: 'jsonp',
                  jsonp: 'jsonp_callback',
                  data: formData,
                  success: onSuccess,
                  error: onError
                });
  </code></pre>
  
  <p>I can't see whats so different between the two.</p>