后端jsonp处理

后端jsonp处理:

第一步:后端接收callback
例如: $callback=$_GET['callback'];

第二步:如果用jsonp方式,返回数据,应该返回函数调用形式,函数调用内部的参数就是你要的json

例如: echo $callback."(".$json.")";

   axios:不支持json

获取元素:
querySelector() 只获取匹配第一个dom元素 兼容:IE8+
querySelectorAll() 获取匹配的一个dom列表 兼容:IE8+

清除ajax缓存:在url地址后面添加随机数 例如:?random=new Date().getTime()

解决跨域方法:jsonp,代理,cors

jsonp实现原理:动态创建script标签 ,因为script中的src有跨域能力

jsonp实现步骤:

前端实现:

第一步:动态创建script标签,并添加callback参数
第二步:要创建callback函数 例如:getdata
后端实现:

第一步:接收浏览器传递过来的callback函数
例如:$callback=$_GET['callback'];
第二步:返回函数调用形式,其内部的参数就是json
例如: echo $callback."(".$json.")";
jsonp缺点:只支持 get请求
jsonp优点:兼容性比较好 兼容:IE5+

CORS跨域:http://www.ruanyifeng.com/blog/2016/04/cors.html

php 实现的cors跨域:header('Access-Control-Allow-Origin: *');

缺点:只支持IE10+
优点:
1.前端无需改代码,
2.支持所有请求方式 包括:post,delete,put,get

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 由于浏览器的同源策略保护机制,浏览器不能执行来自其他来源的脚本。通过js在不同的域之间进行数据传输或通信,比如用a...
    威少_吴阅读 5,218评论 0 2
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,668评论 1 92
  • 1. 什么是同源策略 浏览器限制不同源的两个网站间脚本和文本的相互访问,只允许访问同源下的内容。所谓同源,就是指两...
    熊蛋子17阅读 3,923评论 1 6
  • 世界上最温暖的字眼应该是爱吧, 我是这么觉得的。 好像没有什么能比爱更加美好吧! 你想想在...
    塞克阅读 1,020评论 0 0
  • 【萝鼓萱天】20170811 学习力践行记录 day88 今天是旅行的最后一天了,全家玩得很尽兴,很开心。 1,路...
    眸眸_50ae阅读 1,410评论 0 0