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 $.getJSON('http://www.famanoder.com /page/ajaxPage?callback=?&jsonpCallback=getmore&page=3&ori=about');
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相关推荐

  1. Nginx 解决WebApi跨域二次请求以及Vue单页面问题

    Nginx 解决WebApi跨域二次请求以及Vue单页面问题 参考文章: (1)Nginx 解决WebApi跨域二次请求以及Vue单页面问题 (2)https://www.cnblogs.com/ji ...

  2. 记录我开发工作中遇到HTTP跨域和OPTION请求的一个坑

    我通过这篇文章把今天工作中遇到的HTTP跨域和OPTION请求的一个坑记录下来. 场景是我需要在部署在域名a的Web应用里用JavaScript去消费一个部署在域名b的服务器上的服务.域名b上的服务也 ...

  3. 中止请求和超时 跨域的HTTP请求 认证方式 JSONP

    中止请求和超时 一个栗子在上传多少秒以后直接终止请求 // 发起HTTP GEt请求获取指定URl的内容 // 如果响应成功到达,将会传入responseText给回调函数 // 如果响应在timeo ...

  4. 跨域和options请求

    前后端分离的项目中,前端和后端单独部署,使用不同的域名,前端代码在浏览器端访问后端的时候就会有跨域问题. 之前帮前端调试活动页面的时候,chrome调试工具上总是看到一个请求会重复发两次,后端加了锁, ...

  5. php+ajax简单实现跨域(http+https)请求调用

    当一个网站 a站 需要调用另一个网站 b站 列表文章时 比如:www.a123.com 调用 www.b456.com 文章 在 a站 建立php文件获取 b站 资源文章到本地后,再传递a站前端 在网 ...

  6. Springboot跨域 ajax jsonp请求

    SpringBoot配置: <dependency><groupId>org.springframework.boot</groupId><artifactI ...

  7. node --- [跨域] 预检请求

    简单请求 若满足所有下述条件,则该请求可视为"简单请求": 使用下列方法之一: GET HEAD POST Content-Type: (仅当POST方法的Content-Type ...

  8. 从零开始学 Java - Spring MVC 实现跨域资源 CORS 请求

    论职业的重要性 问:为什么所有家长都希望自己的孩子成为公务员? 答:体面.有权.有钱又悠闲. 问:为什么所有家长都希望自己的孩子成为律师或医生? 答:体面.有钱.有技能. 问:为什么所有家长都不怎么知 ...

  9. ant-design-pro-vue 解决ie11跨域问题 axios请求在ie浏览器报错 vue请求报错

    SEC7123: Access-Control-Allow-Headers 列表中不存在请求标头 content-type. SCRIPT7002: XMLHttpRequest: 网络错误 0x80 ...

最新文章

  1. html中sprite标签,Three.js模型标签
  2. 实战centos6安装zabbix-2.4版(终极版)
  3. 冲刺第九天 12.5 WED
  4. 【风控术语】数字金融反欺诈技术名词表
  5. html转word保留样式_译员必备 | 初识Word格式标记
  6. Dockerfile中的保留字指令讲解
  7. java spring省略jsp,Java +Tomcat + SpringMVC实现页面访问示例解析
  8. TENSORFLOW GUIDE: EXPONENTIAL MOVING AVERAGE FOR IMPROVED CLASSIFICATION
  9. 3 运行时间太长_10大污水处理预处理系统动态图及运行管理、故障处理
  10. C语言------实现抢21根火柴的小游戏
  11. Elon Musk发起投票,超7成参与者认为狗狗币是地球未来货币
  12. windows无法访问指定设备_恢复 你的电脑/设备需要修改 未连接或无法访问所需设备。...
  13. Keil5手动添加Device
  14. 互动教程 for Excel 2016
  15. JAVA生成32位随机字符串工具
  16. 计算机音乐数字大全抖音,抖音歌曲大全100首,抖音最火的100首音乐
  17. 有关于TableGen的简单介绍
  18. 传销——从数学游戏到经济邪教
  19. 【华人学者风采】韩亚洪 天津大学
  20. 笔记本外接显示器鼠标卡顿、显示器掉帧解决办法

热门文章

  1. win7注册表无法修改计算机名称,win7注册表拒绝访问和修改的原因及解决方法
  2. Android平台页面路由框架ARouter原理
  3. 计算机应用基础 随堂问答,【计算机应用基础】随堂练习2018
  4. unity3D游戏-打飞碟游戏改进版
  5. 井通区块链Api订阅服务介绍
  6. 绿化版Java11的环境配置与Python调用Java
  7. 前端之refs焦点管理
  8. 浮动,高度塌陷,清除浮动
  9. python3字符串与数字转换
  10. 求表达式偏导(输出的是表达式)(Perl实现)