Croix de Domaine Ajax avec Ext.Ajax.demande

Il semble que je ne peux pas faire une croix domaine de l'appel ajax avec Ext.Ajax.demande. Il ressemble à ScriptTag: True n'a aucun effet.

Voici mon 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);
                    }
                });
            }

Le journal de la console me dit:

XMLHttpRequest cannot load http://example.com/?search=test&_dc=1326551713063. Origin http://myapp.lo is not allowed by Access-Control-Allow-Origin.

Avec jquery, j'ai fait la même chose et ça marche, mais je dois utiliser sencha touch.

              var formData = $("#callAjaxForm").serialize();

              $.ajax({
                url:"http://example.com/leksikonapi/",
                dataType: 'jsonp',
                jsonp: 'jsonp_callback',
                data: formData,
                success: onSuccess,
                error: onError
              });

Je ne peux pas voir ce qui est si différent entre les deux.

OriginalL'auteur Spoeken | 2012-01-14

  1. 2

    Essayez d'utiliser Ext.util.JSONP. Je ne vois pas un moyen de le faire jsonp dans les docs à l'aide Ext.Ajax

    Voici ce que j'ai fait, au lieu Ext.util.JSONP.request({ url: 'http://dev.brafolk.no/leksikonapi/', callbackKey: 'jsonp_callback', params: { search: query }, callback: function(data) { console.log(data.results); var msg = data.results; var html = tpl.apply(msg); resultPanel.update(html); console.log('SUCCESS'); } });

    OriginalL'auteur Jason Freitas

  2. 4

    Solution pour le Sencha Touch 2: Utilisation de Ext.data.JsonP

    http://docs.sencha.com/touch/2-1/#!/api/Ext.les données.JsonP

    OriginalL'auteur Martin Bories

  3. 1

    oui, c'est vrai. Il est appelé le Même La Politique De L'Origine -- le navigateur ne va pas faire une demande pour n'importe quel domaine autre que celui d'où le javascript est venu. Si vous contrôlez le serveur, vous pouvez utiliser de la SCRO à dire au navigateur de faire des demandes. Si vous n'avez pas de contrôle sur le serveur, vous aurez à écrire un côté serveur proxy.

    Je ne le propriétaire du domaine, et ont réussi à le faire avec jquery comme ceci : $.ajax({ url:"http://dev.brafolk.no/leksikonapi/", dataType: 'jsonp', jsonp: 'jsonp_callback', data: formData, success: onSuccess, error: onError }); Mais je wan pas à faire de même avec sencha touch

    OriginalL'auteur hvgotcodes

  4. 0

    J'ai eu le même problème sur Chrome en raison de CORS (Cross-Origin Resource sharing)

    Le navigateur va d'abord envoyer une demande d'OPTIONS,
    alors vous attendre à obtenir de nouveau des en-têtes HTTP qui indiquent les origines sont autorisés.

    J'ai résolu ce problème en faisant quelques réglages sur le côté serveur
    Pour les deux Rubis et Node.js côté serveur, les deux fonctionne bien maintenant.

    Node.js (Merci à l'essai)

    //Enables CORS
var enableCORS = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');

    //intercept OPTIONS method
    if ('OPTIONS' == req.method) {
        res.send(200);
    }else{
        next();
    }
};
//enable CORS!
app.use(enableCORS);

    Ruby (Grâce à la essai)

    class ApplicationController < ActionController::Base
  before_filter :cors_preflight_check
  after_filter :cors_set_access_control_headers

  # For all responses in this controller, return the CORS access control headers.

  def cors_set_access_control_headers
    headers['Access-Control-Allow-Origin'] = '*'
    headers['Access-Control-Allow-Methods'] = 'POST, GET, PUT, DELETE, OPTIONS'
    headers['Access-Control-Allow-Headers'] = 'Origin, Content-Type, Accept, Authorization, Token'
    headers['Access-Control-Max-Age'] = "1728000"
  end

  # If this is a preflight OPTIONS request, then short-circuit the
  # request, return only the necessary headers and return an empty
  # text/plain.
  def cors_preflight_check
    if request.method == 'OPTIONS'
      headers['Access-Control-Allow-Origin'] = '*'
      headers['Access-Control-Allow-Methods'] = 'POST, GET, PUT, DELETE, OPTIONS'
      headers['Access-Control-Allow-Headers'] = 'X-Requested-With, X-Prototype-Version, Token'
      headers['Access-Control-Max-Age'] = '1728000'

      render :text => '', :content_type => 'text/plain'
    end
  end
end

    OriginalL'auteur pohchen