技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 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。

建议继续学习:

  1. 10个强大的Ajax jQuery文件上传程序    (阅读:7757)
  2. 优雅绝妙的Javascript跨域问题解决方案    (阅读:6743)
  3. jQuery中getJSON跨域原理详解    (阅读:5621)
  4. 跨域请求的iframe解决方案(1)    (阅读:5392)
  5. ajax-cross-domain    (阅读:4988)
  6. 利用跨域资源共享(CORS)实现ajax跨域调用    (阅读:4149)
  7. 研究ext发现ajax跨域实现    (阅读:3743)
  8. 三谈Iframe自适应高度    (阅读:3639)
  9. 使用window.postMessage实现跨域通信    (阅读:3399)
  10. 使用document.domain和iframe实现站内AJAX跨域    (阅读:3314)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1