首页 > 代码库 > EXTJS 4.2 资料 跨域的问题
EXTJS 4.2 资料 跨域的问题
关于跨域，在项目开发中难免会遇到；之前笔者是用EXTJS3.0开发项目的，在开发过程中遇到了关于跨域的问题，但是在网上找到资料大部分都是ExtJs4.0以上版本的
在ExtJs中 例如：Ext.Ajax.request，这是我们常用的数据请求的方式，如下代码：
Ext.Ajax.request({ url: ‘ServiceAPIORM.ashx?API=Save‘, params: { name: ‘张三‘ }, method: ‘POST‘, success: function (req) { alert("成功"); alert(req.responseText); }, failure: function (req) { alert(req.responseText); }, });
但是改写成跨域：
Ext.Ajax.request({ url: ‘http://localhost:3722/ServiceAPIORM.ashx?API=Save‘,//跨域链接 params: { name: ‘张三‘ }, method: ‘POST‘, success: function (req) { alert("成功"); alert(req.responseText); }, failure: function (req) { alert(req.responseText); }, });
这样请求一定不会成功的。
解决跨域:
1.在ExtJs4.2，有JsonP可进行解决，但是只能用Get的请求方式提交，所以还是有一定缺陷与不足的,这个逻辑是在 Ext.data.JsonP.reques({})的属性，callbackKey:"jsonPCallback", 作为参数传送后台，如图：
然后在后台接受在传送到前台,格式：Response : Ext.data.JsonP.callback1({success:true,data:‘ssss‘})
前端代码：
Ext.data.JsonP.request({ url: ‘http://localhost:3722/ServiceAPIORM.ashx?API=Save‘, timeout: 300000, params: { name: ‘123456‘ }, callbackKey: "jsonPCallback", success: function (req) { alert("成功"); alert(req.responseText); }, failure: function (result) { alert(req.responseText); } });
后端代码：
public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string method = context.Request.QueryString["API"]; switch (method) { case "Save": Save(context); break; } } /// <summary> ///save /// </summary> /// <param name="context"></param> private void Save(HttpContext context) { string jsonPCallback = ""; jsonPCallback = context.Request["jsonPCallback"]; context.Response.ContentType = "text/javascript"; context.Response.Write(jsonPCallback + "({success:true,data:‘ssss‘})"); }
Js 跨域，下面是关于Js跨域的链接
http://blog.csdn.net/iispring/article/details/7428069
ASP.NET交流群（1群）：
EXTJS交流群（3群）：
EXTJS 4.2 资料 跨域的问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。