跨域 表单提交

来源:互联网 发布:9字网络流行语 编辑:程序博客网 时间:2024/05/21 10:29
1.直接用jquery中$.getJSON进行跨域提交 

          优点:有返回值,可直接跨域; 

          缺点:数据量小; 

          提交方式:仅get (无$.postJSON) 
    $.ajax({                   type: "Get",                   url: "http://www.sendnet.cn/?UserId=1001",                   cache: false,                   error: function () { },                   jsonp: "callback",                   dataType: "jsonp",                   success: function (result) {                       alert(result.info);                    }               });  

2.在页面中嵌入一个iframe,把iframe的宽和高设置为0进行跨域提交 

          优点:可直接跨域; 

          缺点:无返回值(脱离ajax本质); 

          提交方式:get/post 

    使用隐藏的iframe来提交表单   
    1,在页面中嵌入一个iframe,把iframe的宽和高设置为0   
    2.在iframe的里面里设置一个from的表单,表单的内容就是真正要提交的表单内容。   
    3.当点击按钮的时候是iframe里的表单提交。  
  <form id="form2" name="form2" method="post" action="a,jsp" enctype="multipart/form-data">         <input name="option_13412" id="option_13412" type="text"/>         <input name="option_13413" id="option_13413" type="text"/>         <input name="option_13414" id="option_13414" type="text"/>         <input name="option_13415" id="option_13415" type="text"/>       </form>            使用jquery来啊操作iframe中的表单元素       $(window.frames["iframe1"].document).find("#option_13412").val(name);       $(window.frames["iframe1"].document).find("#option_13413").val(phone);       $(window.frames["iframe1"].document).find("#option_13415").val(content);            通过按钮来提交iframe里的表单       $(window.frames["iframe1"].document).find("#form2").submit();  


0 0
原创粉丝点击