带Ext.Ajax.request的跨域Ajax
似乎我无法使用Ext.ajax.request进行跨域ajax调用。看起来ScriptTag:True没有任何效果 这是我的密码:带Ext.Ajax.request的跨域Ajax,ajax,cross-domain,sencha-touch,jsonp,Ajax,Cross Domain,Sencha Touch,Jsonp,似乎我无法使用Ext.ajax.request进行跨域ajax调用。看起来ScriptTag:True没有任何效果 这是我的密码: { xtype: 'button', text: 'Search', ui: 'confirm', handler: function() { var query = Ext.getCmp("textquery").
{
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);
}
});
}
控制台日志告诉我:
XMLHttpRequest cannot load http://example.com/?search=test&_dc=1326551713063. Origin http://myapp.lo is not allowed by Access-Control-Allow-Origin.
使用jquery,我也做了同样的事情,它也能工作,但我必须使用sencha touch
var formData = $("#callAjaxForm").serialize();
$.ajax({
url:"http://example.com/leksikonapi/",
dataType: 'jsonp',
jsonp: 'jsonp_callback',
data: formData,
success: onSuccess,
error: onError
});
我看不出两者有什么不同。是的,没错。它被称为——浏览器不会向任何域发出请求,除了javascript来自的域。如果您控制服务器,则可以使用CORS通知浏览器发出请求。如果无法控制服务器,则必须编写服务器端代理。尝试使用。我看不到在文档中使用Ext.Ajax执行jsonp的方法,Sencha Touch 2的解决方案:使用
Ext.data.jsonp
由于CORS(跨来源资源共享),我在Chrome上遇到了同样的问题 浏览器将首先发送选项请求, 然后期望返回一些指示允许哪些源的HTTP头 通过在服务器端进行一些设置,我已经解决了这个问题 对于Ruby和Node.js服务器端,它们现在都工作得很好 Node.js(感谢) Ruby(多亏了
class ApplicationController'',:content\u type=>'text/plain'
结束
结束
结束
我确实拥有这个域,并且用jquery成功地做到了这一点:$.ajax({url:http://dev.brafolk.no/leksikonapi/,数据类型:'jsonp',jsonp:'jsonp_callback',数据:formData,成功:onSuccess,错误:onError})
但是我不想对sencha Touch做同样的事情这里是我所做的Ext.util.JSONP.request({url:'http://dev.brafolk.no/leksikonapi/,callbackKey:'jsonp_callback',参数:{search:query},callback:function(data){console.log(data.results);var msg=data.results;var html=tpl.apply(msg);resultPanel.update(html);console.log('SUCCESS');}});
// 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);
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