• 代替jquery $.post 跨域提交数据的N种形式


    跨域的N种形式:

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

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

              缺点:数据量小

              提交方式:仅get (无$.postJSON)

        $.getJSON("http://www.sendnet.cn/?callback=?" , { UserId: 1001 },
    	function (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();
    

    3.直接用$.post跨域,先提交到本地域名下一个代理程序,通过代理程序向目的域名进行post或get提交,并根据目的域名的返回值通过代理 程序返回给本地页面

              优点:有返回值,可直接跨域,可通过 代理程序 统计ip等用户信息,增加安全性;

              提交方式:get/post

              复杂度:需要前端工程师和后端工程师配合(php/Java../工程师) 

               缺点:需要消耗本地服务器资源,增加ajax等待时间(可忽略)

    4.向百度学习的思路:由于调用任何js文件不涉及跨域问题,所以js脚本中可以编写调用远程服务器上的js文件,该文件实现你需要的业务。

               即a.js动态调用www.baidu.com/b.js ,其中b.js实现业务


    5.待研究…………

  • 相关阅读:
    使用JS对中文字符串进行utf8的Base64编码
    subprocess理解
    25组新鲜出炉的有用图标集
    jQuery UI 1.8.9 发布
    正则匹配拼音
    jQuery Mobile 教程 (1)
    10款精选的用于构建良好易用性网站的jQuery插件
    Html 5 video/audio 格式转换 ogg
    10个有用的jquery 图片插件
    asp.net MVC 权限设计(续)
  • 原文地址:https://www.cnblogs.com/yangwujun/p/5461264.html
Copyright © 2020-2023  润新知