jquery 跨域提交数据

最新推荐文章于 2022-07-20 09:29:36 发布

iteye_11234

最新推荐文章于 2022-07-20 09:29:36 发布

阅读量174

点赞数

分类专栏： JQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_11234/article/details/82554247

版权

JQuery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

1.直接用jquery中$.getJSON进行跨域提交

优点：有返回值,可直接跨域；

缺点：数据量小；

提交方式：[color=red]仅get [/color](无$.postJSON)

     $.getJSON("http://www.sendnet.cn/?callback=?" , { UserId: 1001 },  
    nction (data) {  
    alert(data.info);  
    ;

    $.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();