最近在一个项目中遇到了ajax跨域的问题，情况如下。有三个域名分别是 a.xx.com b.xx.com c.xx.com 这三个域名都会用用ajax post方式相互读取数据。文笔不好， 不写了妈蛋。自己去看

//a.html

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8">

         <title></title>

     </head>

     <body>    

 <script type="text/javascript" charset="utf-8">

           var Ajax    =    {

             idf    :    "STONE",

             frm:null,

             ifm:null,

             attribute:{

                 url:null,

                 type:"post",

                 data:null,

                 success:'Ajax.defaultFunction',

                 beforeSend:null,

                 jsonp: "callbackparam"

             },

             //跨域

             init:function(){

                 //创建iframe元素

                 this.ifm    =    this.createDOM("iframe",{

                         name:"iframe"+this.idf,

                         id:"iframe"+this.idf,

                         style:"display:none",

                         width:1,

                         height:1

                 });

                 //创建form元素

                 this.frm     =    this.createDOM("form",{

                         action:this.attribute.url,

                         method:this.attribute.type,

                         id:"FORM"+this.idf,

                         name:"FORM"+this.idf,

                         target:"iframe"+this.idf

                 });

                 document.body.appendChild(this.frm);

                 document.body.appendChild(this.ifm);

                 //回调    callbackparam

                 this.frm.appendChild( this.createDOM("input",{

                             type:'hidden',

                             name:this.attribute.jsonp,

                             value:this.attribute.success

                         }) );

                 //参数 input

                 this.initInput();

                 this.frm.submit();

                 //alert(1);

             },

             //参数

             initInput:function(data , inputname){

                 //判断initIuput是否是第一次

                 if(typeof data != "object"){

                     data    =    this.attribute.data;

                 }

                 for(i in data){

                     var iname    =    inputname ? inputname + "["+i+"]" : i;

                     if(typeof data[i] == "object"){

                         this.initInput(data[i], iname);

                     }else{

                          this.frm.appendChild( this.createDOM("input",{

                             type:'hidden',

                             name:iname,

                             value:data[i]

                         }) );

                     }

                 }

             },            

             //创建DOM

             createDOM:function(Element , data){

                  var e = document.createElement(Element);

                  for(i in data){

                      e.setAttribute(i,data[i]);

                  }

                  return e;

             },

             //默认返回处理函数

             defaultFunction:function(){

                 console.log("不错！\n可以去搞基！");

             },

             //清除残留

             del:function(){

                 //document.body.removeAttribute(Ajax.frm);

                 //console.log(this);

                 //提交后的回调

             },

             //合并对象

             extend:function(o,n,override){

                for(var p in n){

                        if(n.hasOwnProperty(p) && (!o.hasOwnProperty(p) || override)){

                            o[p]=n[p];

                        }

                    }

             },

            call:function(option){

                    //赋值

                 this.extend(this.attribute , option , true);

                 //提交

                 this.init();    

                 this.ifm.onload    =    this.del;

            }

         }

           //使用

           //如果是跨域请记得把 document.domain    设成一样

         document.domain     =    "xx.com";

         Ajax.call({

             url:'iframe.html',

             type:'post',

             data:{ddd:"a",a:{b:2,c:{l:0}}}

             });

         </script>

     </body>

 </html>

iframe.html

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript" charset="utf-8">

          document.domain     =    "xx.com";

          parent.Ajax.defaultFunction()

        </script>

    </body>

</html>

现在只可以在子域名下跳跳，哪位大神有兴趣可以改成无限制跨域

javascript 不用ajax 用 iframe 子域名下做到ajax post数据的更多相关文章

  1. 《JavaScript》高级程序设计第21章：Ajax和Comet，jsonp

    一.创建XMLHttpRequest对象 二.XHR的用法 五.跨域资源共享 六.其他跨域技术七.安全七.安全 1. 图像Ping 2. JSONP(JSON with padding,填充式JSON ...

  2. div中加入iframe，可以实现Ajax的功能

    div中加入iframe,可以实现Ajax的功能,如果查询的时候,比如说城市的选择,用Ajax去实现, 在.net 可以考虑用UpdatePanel,但是点击了查询刷新表格(表格需要重新刷新加载,非纯 ...

  3. JavaScript学习总结【12】、JS AJAX应用

    1.AJAX 简介 AJAX(音译为:阿贾克斯) = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技 ...

  4. 第二百七十二节，Tornado框架-iframe标签框架伪造ajax

    Tornado框架-iframe标签框架伪造ajax html <!DOCTYPE html> <html> <head lang="en"> ...

  5. javascript AJAX简单原理及什么是ajax

    AJAX简单原理供初学者理解 AJAX的原理: Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面.这其 ...

  6. 使用document.domain和iframe实现站内AJAX跨域

    站内AJAX跨域可以通过document.domain和iframe实现,比如www.css88.com.js.css88.com.css88.com这3个域名其实是3个不同的域,很多时候www.cs ...

  7. 使用ajax与iframe嵌套实现页面局部刷新

    使用ajax与iframe嵌套实现页面局部刷新.该javascript代码仅供参考,需按自己需要修改.​1. [代码]javascript代码 function cj_start(depname,gr ...

  8. Ajax加载子域跨站cookie丢失的问题.

    我们有两个网站一个是main.xxx.cn 一个是 preveiw.xxx.cn main.xxx.cn 页面需要加载preview.xxx.cn的内容. 项目里面出现了两种的加载preview.xx ...

  9. 使用ajax代替iframe

    相信大多数程序员都跟iframe打过交道,iframe简单,好用.在我用的过程中比较苦逼的是关于iframe高度的设置. 由于子页面内容不确定,页面高度也不确定.于是开始网上的各种搜索,一般有两种:一 ...

随机推荐

  1. js中undefined,null,NaN的区别

    1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型.var a1;var a2 = true;va ...

  2. Linux&shell之结构化命令

    写在前面:案例.常用.归类.解释说明.(By Jim)使用if-then语句如果命令的退出状态是0(成功执行命令),将执行then后面的所有命令.如果命令的退出状态是0以外的其他值,那么then后面的 ...

  3. HDU 4421 Bit Magic(奇葩式解法)

    题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=4421 题目大意: 给了你一段代码, 用一个数组的数 对其进行那段代码的处理,是可以得到一个矩阵 让你判 ...

  4. C++类型转换[转]

    转自 http://www.cnblogs.com/goodhacker/archive/2011/07/20/2111996.html C风格的强制类型转换(Type Cast)很简单,不管什么类型 ...

  5. 级联分类器训练-----OpenCV

    关键词:级联分类器.opencv_traincascade 下面简述操作过程: 准备正负样本:neg.pos 正负样本路径生成:dir /a/b>path.txt //path:pos or n ...

  6. Python使用mechanize模拟浏览器

    Python使用mechanize模拟浏览器 之前我使用自带的urllib2模拟浏览器去进行訪问网页等操作,非常多站点都会出错误,还会返回乱码.之后使用了 mechanize模拟浏览器,这些情况都没出 ...

  7. Sql排名和分组排名

    在很多时候,都有排名这个功能,比如排行榜,并且还需要分页的功能,一般可以再select的时候按照某一字段 oorder by XX desc,这样limit 查找就可以得到排名信息,但是有时候是需要多 ...

  8. SPOJ PGCD （mobius反演 + 分块）

    转载请注明出处,谢谢http://blog.csdn.net/ACM_cxlove?viewmode=contents    by---cxlove 题意 :求满足gcd(i , j)是素数(1 &l ...

  9. Android实现计时与倒计时(限时抢购)的几种方法

    在购物网站的促销活动中一般都有倒计时限制购物时间或者折扣的时间,这些都是如何实现的呢? 在一个安卓客户端项目中恰好遇到了类似的问题,一开始使用的是Timer与 TimerTask, 虽然此方法通用,但 ...

  10. Android项目中如何用好构建神器Gradle？（转）

    最近在忙团队并行开发的事情,主要是将各个团队的代码分库,一方面可以降低耦合,为后面模块插件化做铺垫,另一方面采用二进制编译,可以加快编译速度.分库遇到了一些问题,很多都要通过Gradle脚本解决,所以 ...