代替jquery $.post 跨域提交数据的N种形式
2024-10-10 12:56:59
跨域的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.待研究…………
最新文章
- This implementation is not part of the Windows Platform FIPS validated cryptographic algorithms while caching 问题及解决
- win10家庭版快速升级专业版
- HDU 1710 二叉树三种遍历
- 更新日志 - fir.im 新版管理后台邀请内测
- hdu 2846 Repository
- epoll中et+多线程模式中很重要的EPOLL_ONESHOT实验
- centosx64位寄存器
- JDK和Jython安装
- 【HDOJ】3505 Writing Robot
- KMP算法详解(转自中学生OI写的。。ORZ!)
- Java日期格式化方法
- 【ThinkPHP框架学习 】(2) --- 后台管理系统如何用iframe点击左边右边局部刷新
- 列表推导式和sum的用法
- mysql年初至今聚合
- Day23--Python--常用模块02--序列化,configparser
- 细说log4j之log4j 1.x
- html复习小结
- Nginx配置静态资源
- <;Parquet>;<;Physical Properties>;<;Best practice>;<;With impala>;
- github提交代码后没有contribution问题
热门文章
- 魅族MX2去除smartbar教程
- 2016icpc大连站总结(呐 如果把这段回忆,起个名字珍藏起来,叫它“宝物”应该很合适吧)
- 分布式session的实现
- html页面读取PDF小案例
- js事件技巧方法整合
- Linux安装ftp组件过程
- C#夯实基础之多线程二:主线程、前台线程与后台线程
- 设计模式--原型模式Prototype(创建型)
- 用C3中的animation和transform写的一个模仿加载的时动画效果
- Flex 1046: 找不到类型,或者它不是编译时常数;1180: 调用的方法 CompPropInfo 可能未定义