您现在的位置:首页 --> JavaScript --> ajax跨域请求问题解决方案
ajax跨域请求问题解决方案
浏览:2726次 出处信息
以下是代码片段: var proxy = {}; /*@资源地址*/ proxy.url = null; /*@数据对象*/ proxy.data = null; /*@脚本对象*/ proxy.script = null; /*@创建对象*/ proxy.create = function(){ proxy.script = document.createElement(”script”); proxy.script.type = “text/javascript”; document.getElementsByTagName(”head”)[0].appendChild(proxy.script); }; /*@打开连接*/ proxy.request = function(url ,CallBack ,charset){ proxy.script.src = url; proxy.url = url; proxy.script.setAttribute(”charset” ,charset); if (document.all) { proxy.script.onreadystatechange = function(){ if (proxy.script.readyState == “loaded” || proxy.script.readyState == “complete”) { CallBack(proxy.data); } }; } else { proxy.script.onload = function (){ CallBack(proxy.data); }; } }; /*@添加监听*/ proxy.addEventHandler = function(target, eventType, handler){ if (target.addEventListener) { target.addEventListener(eventType, handler, false); } else if (target.attachEvent) { target.attachEvent(”on” + eventType, handler); } else { target["on" + eventType] = handler; } }; proxy.addEventHandler(window ,”load” ,proxy.create); |
为了实现跨域提交,我们还需要相关服务来支持,及返回什么格式的信息,接收什么样的数据。
比如这里约定为服务器端返回数据格式为:
以下是代码片段: proxy.data = { errCode:1 , description:”用户名格式错误” }; |
那么调用我们就可以使用:
以下是代码片段: proxy.request(”data.js” ,function(data){ alert(data.errCode); alert(data.description); }); |
这里的data.js就相当于一个server端的服务,真正使用的时候会传相关的参数进去,返回的结果同统一的 proxy.data = {***}这样的,proxy.data为一个json object。
建议继续学习:
- 10个强大的Ajax jQuery文件上传程序 (阅读:7757)
- 优雅绝妙的Javascript跨域问题解决方案 (阅读:6743)
- jQuery中getJSON跨域原理详解 (阅读:5621)
- 跨域请求的iframe解决方案(1) (阅读:5392)
- ajax-cross-domain (阅读:4988)
- 利用跨域资源共享(CORS)实现ajax跨域调用 (阅读:4149)
- 研究ext发现ajax跨域实现 (阅读:3743)
- 三谈Iframe自适应高度 (阅读:3639)
- 使用window.postMessage实现跨域通信 (阅读:3399)
- 使用document.domain和iframe实现站内AJAX跨域 (阅读:3314)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:JavaScript中级笔记
后一篇:研究ext发现ajax跨域实现 >>
文章信息
- 作者:nick 来源: Codyy技术团队
- 标签: ajax 跨域
- 发布时间:2009-10-20 22:47:36
建议继续学习
近3天十大热文
- [56] IOS安全–浅谈关于IOS加固的几种方法
- [55] 图书馆的世界纪录
- [55] 如何拿下简短的域名
- [54] android 开发入门
- [53] Go Reflect 性能
- [53] Oracle MTS模式下 进程地址与会话信
- [50] 【社会化设计】自我(self)部分――欢迎区
- [49] 读书笔记-壹百度:百度十年千倍的29条法则
- [41] 程序员技术练级攻略
- [35] 视觉调整-设计师 vs. 逻辑