代替jquery $.post 跨域提交数据的N种形式
16lz
2021-01-22
跨域的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); } });
优点:可直接跨域;
缺点:无返回值(脱离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();
优点:有返回值,可直接跨域,可通过 代理程序 统计ip等用户信息,增加安全性;
提交方式:get/post
复杂度:需要前端工程师和后端工程师配合(php/java../工程师)
缺点:需要消耗本地服务器资源,增加ajax等待时间(可忽略)
4.向百度学习的思路:由于调用任何js文件不涉及跨域问题,所以js脚本中可以编写调用远程服务器上的js文件,该文件实现你需要的业务。
即a.js动态调用www.baidu.com/b.js ,其中b.js实现业务
5.待研究…………
更多相关文章
- 如何在Ajax.ActionLink中获取表单中的输入数据?
- 动态添加表单元素,将它们存储到MySQL并在将来更改/删除它们
- Ajax php登录表单不指向另一个页面
- 分享27款非常棒的 jQuery 表单插件
- 如何使用jQuery的叠加对话框作为反馈表单
- 用jQuery编写网页-表单检查
- jquery validate和jquery form 插件组合实现验证表单后AJAX提交
- 为什么在使用jquery读写表单输入时必须对字符串进行编码?
- 如何在进度条全屏表单界面上添加百分比状态