IT技术博客大学习 共学习 共进步

ajax跨域请求问题解决方案

Codyy技术团队 2009-10-20 22:47:36 浏览 3,363 次
以下是代码片段:
    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文件上传程序 (阅读 8,725)
  2. 优雅绝妙的Javascript跨域问题解决方案 (阅读 7,946)
  3. 跨域请求的iframe解决方案(1) (阅读 6,323)
  4. jQuery中getJSON跨域原理详解 (阅读 6,265)
  5. ajax-cross-domain (阅读 5,762)
  6. 利用跨域资源共享(CORS)实现ajax跨域调用 (阅读 5,524)
  7. 研究ext发现ajax跨域实现 (阅读 4,703)
  8. 三谈Iframe自适应高度 (阅读 4,585)
  9. 使用document.domain和iframe实现站内AJAX跨域 (阅读 4,465)
  10. 使用window.postMessage实现跨域通信 (阅读 4,169)