当前位置:首页 > 开发 > Web前端 > Jquery > 正文

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

发表于: 2014-10-22   作者:arm10504   来源:转载   浏览次数:
摘要: 跨域的N种形式: 1.直接用jquery中$.getJSON进行跨域提交           优点:有返回值,可直接跨域;           缺点:数据量小;    
跨域的N种形式:
1.直接用jquery中$.getJSON进行跨域提交

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

          缺点:数据量小;

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



[javascript] view plaincopy
01. $.getJSON("http://www.sendnet.cn/?callback=?" , { UserId: 1001 }, 
02.nction (data) { 
03.alert(data.info); 
04.; 



[javascript] view plaincopy
01.$.ajax({ 
02.             type: "Get", 
03.             url: "http://www.sendnet.cn/?UserId=1001", 
04.             cache: false, 
05.             error: function () { }, 
06.             jsonp: "callback", 
07.             dataType: "jsonp", 
08.             success: function (result) { 
09.                 alert(result.info);  
10.             } 
11.         }); 




2.在页面中嵌入一个iframe,把iframe的宽和高设置为0进行跨域提交

           优点:可直接跨域;

           缺点:无返回值(脱离ajax本质);

          提交方式:get/post



[plain] view plaincopy
01.使用隐藏的iframe来提交表单  
02.1,在页面中嵌入一个iframe,把iframe的宽和高设置为0  
03.2.在iframe的里面里设置一个from的表单,表单的内容就是真正要提交的表单内容。  
04.3.当点击按钮的时候是iframe里的表单提交。 
05. 
06. 
07.<form id="form2" name="form2" method="post" action="a,jsp" enctype="multipart/form-data">  
08.  <input name="option_13412" id="option_13412" type="text"/>  
09.  <input name="option_13413" id="option_13413" type="text"/>  
10.  <input name="option_13414" id="option_13414" type="text"/>  
11.  <input name="option_13415" id="option_13415" type="text"/>  
12.</form> 
13. 
14.使用jquery来啊操作iframe中的表单元素  
15.$(window.frames["iframe1"].document).find("#option_13412").val(name);  
16.$(window.frames["iframe1"].document).find("#option_13413").val(phone);  
17.$(window.frames["iframe1"].document).find("#option_13415").val(content); 
18. 
19.通过按钮来提交iframe里的表单  
20.$(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种形式

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
开发背景: 在开发中采用了一个新的架构,将大部分客户的留言功能集成到一个公共API提交保存,采用
有一个已经编译的asp.net 1.1的网站。为了改进录入的效率,改为由barcode扫描枪来替代手动。由于在
近期在项目中遇到这样一问题,关于jsonp跨域问题,get传值是可以的,但post传值死活不行啊,于是网
javascript可跨域请求: <html> <head> <title>通过ajax调用WebService服务</
基于Jquery的Ajax跨域访问 单点登录服务器(sso服务器) 令牌认证服务器(令牌服务器) 登录网页项目的
jsonp下 跨域只能使用get 方式,这里不设置 默认为get $.ajax({ url : 'http://xxx.xx.37.247', dat
目前浏览器端跨域访问常用的两种方法有两种: 1、通过jQuery的ajax进行跨域,这其实是采用的jsonp的
今天对我的“来淘宝了网 ”做了一个小小的优化,本身这个网站是有搜索框的,但是经过这段时间的统计
目前浏览器端跨域访问常用的两种方法有两种: 1、通过jQuery的ajax进行跨域,这其实是采用的jsonp的
概述 CORS能做什么: 正常使用AJAX会需要正常考虑跨域问题,所以伟大的程序员们又折腾出了一系列跨
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号