关于跨域GET、POST请求的小结//////////////////////zzzzzzz
JQuery:$.ajax/$.getJSON支持jsonp格式的跨域,但是只支持GET方式,暂不支持POST;
so,跨域POST是个值得研究的问题啊!万能的JQuery无法跨域POST;鉴于基本国情,CORS也只是适合在移动端玩玩;
1 $.ajax({
2 type: 'post',
3 url: url, 4 data: {a:1,b:2}, 5 dataType: "jsonp", 6 crossDomain: true, 7 jsonpCallback: "sucCallback", 8 success: function(data) { 9 console.log(data); 10 }, 11 error: function(data) { 12 console.log(data); 13 } 14 });
话说我的个人小站在移动端还处于最原始的缩放状态,说好的H5 Response Web呢?原谅我再一次跑偏了:原本计划<link rel="stylesheets" type="css/text" media="screen and (max-width:xx-px)" href="max-xx.css" />或者直接在原有样式表里media query;而结果却是我新开了个站点,作为移动端的版本,读取PC端存储的数据;一方面减轻代码量,使移动端更轻量简洁,毕竟只是个博客嘛;另一方面, 这样的话,移动端将有更宽广的随意挥洒的空间;再者,基于性能优化,这样也不错;当然,问题也很明显了;两个站点要共享数据,连同一个数据库,要做同步操 作,呵呵,我一个小前端,这些貌似目前想太多啊!那么怎么办呢,是的,就是上面说到的问题,前端跨域请求数据;
OK,那么要开始跨域请求和提交数据了;如果只是请求远程数据,GET方式足矣;可是如果要提交大量数据,比如,某大侠路过小站,一时兴起,引经据典,古今中外,滔滔不绝,长篇大论一通,这样的话恐怕GET搞不定啊!先看看最简单的GET方式吧:
1 Artical.find({},function(err,docs){
2 err&&console.log(err);
3 var d=JSON.stringify(docs); 4 res.send(callback+"("+d+")"); 5 });
前面说了,伟大的JQuery暂时不支持POST方式的跨域;那咋办呢?其实没有想象的那么复杂,是时候证明你不能太依赖JQuery了,有时候没有她,你也要好好过;
1 <!-- a.html -->
2 <!-- test post access domain -->
3 <!-- use form and hide iframe -->
4 <form action="b.com" method="post" target="hidefrm">
5 <input type="text" value="test post data access domain">
6 <input type="submit" value="submit"> 7 </form> 8 <iframe src="" name="hidefrm" frameborder="0"></iframe>
1 res.send('document.domain="a.com";window.parent.aa('+str+')');
转载于:https://www.cnblogs.com/zouzou-blog/p/5882284.html
关于跨域GET、POST请求的小结//////////////////////zzzzzzz相关推荐
- Nginx 解决WebApi跨域二次请求以及Vue单页面问题
Nginx 解决WebApi跨域二次请求以及Vue单页面问题 参考文章: (1)Nginx 解决WebApi跨域二次请求以及Vue单页面问题 (2)https://www.cnblogs.com/ji ...
- 记录我开发工作中遇到HTTP跨域和OPTION请求的一个坑
我通过这篇文章把今天工作中遇到的HTTP跨域和OPTION请求的一个坑记录下来. 场景是我需要在部署在域名a的Web应用里用JavaScript去消费一个部署在域名b的服务器上的服务.域名b上的服务也 ...
- 中止请求和超时 跨域的HTTP请求 认证方式 JSONP
中止请求和超时 一个栗子在上传多少秒以后直接终止请求 // 发起HTTP GEt请求获取指定URl的内容 // 如果响应成功到达,将会传入responseText给回调函数 // 如果响应在timeo ...
- 跨域和options请求
前后端分离的项目中,前端和后端单独部署,使用不同的域名,前端代码在浏览器端访问后端的时候就会有跨域问题. 之前帮前端调试活动页面的时候,chrome调试工具上总是看到一个请求会重复发两次,后端加了锁, ...
- php+ajax简单实现跨域(http+https)请求调用
当一个网站 a站 需要调用另一个网站 b站 列表文章时 比如:www.a123.com 调用 www.b456.com 文章 在 a站 建立php文件获取 b站 资源文章到本地后,再传递a站前端 在网 ...
- Springboot跨域 ajax jsonp请求
SpringBoot配置: <dependency><groupId>org.springframework.boot</groupId><artifactI ...
- node --- [跨域] 预检请求
简单请求 若满足所有下述条件,则该请求可视为"简单请求": 使用下列方法之一: GET HEAD POST Content-Type: (仅当POST方法的Content-Type ...
- 从零开始学 Java - Spring MVC 实现跨域资源 CORS 请求
论职业的重要性 问:为什么所有家长都希望自己的孩子成为公务员? 答:体面.有权.有钱又悠闲. 问:为什么所有家长都希望自己的孩子成为律师或医生? 答:体面.有钱.有技能. 问:为什么所有家长都不怎么知 ...
- ant-design-pro-vue 解决ie11跨域问题 axios请求在ie浏览器报错 vue请求报错
SEC7123: Access-Control-Allow-Headers 列表中不存在请求标头 content-type. SCRIPT7002: XMLHttpRequest: 网络错误 0x80 ...
最新文章
- html中sprite标签,Three.js模型标签
- 实战centos6安装zabbix-2.4版(终极版)
- 冲刺第九天 12.5 WED
- 【风控术语】数字金融反欺诈技术名词表
- html转word保留样式_译员必备 | 初识Word格式标记
- Dockerfile中的保留字指令讲解
- java spring省略jsp,Java +Tomcat + SpringMVC实现页面访问示例解析
- TENSORFLOW GUIDE: EXPONENTIAL MOVING AVERAGE FOR IMPROVED CLASSIFICATION
- 3 运行时间太长_10大污水处理预处理系统动态图及运行管理、故障处理
- C语言------实现抢21根火柴的小游戏
- Elon Musk发起投票,超7成参与者认为狗狗币是地球未来货币
- windows无法访问指定设备_恢复 你的电脑/设备需要修改 未连接或无法访问所需设备。...
- Keil5手动添加Device
- 互动教程 for Excel 2016
- JAVA生成32位随机字符串工具
- 计算机音乐数字大全抖音,抖音歌曲大全100首,抖音最火的100首音乐
- 有关于TableGen的简单介绍
- 传销——从数学游戏到经济邪教
- 【华人学者风采】韩亚洪 天津大学
- 笔记本外接显示器鼠标卡顿、显示器掉帧解决办法