首页 > 代码库 > 代替jquery $.post 跨域提交数据的N种形式
代替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.待研究…………
代替jquery $.post 跨域提交数据的N种形式
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。