js跨域请求

JS跨域请求(script标签)和JQuery跨域请求(jsonp)

蓝咒 提交于 2019-11-28 20:42:55
前言: 为尽可能保证浏览器端安全,浏览器会遵循SOP协议,即同源协议 ajax无法完成跨域请求 $.get $.post $.ajax都不可以 jsonp作为ajax的一种扩展协议可以完成跨域请求 $.getJson()也可以完成跨域请求(当然不跨域也可以) 日常开发中会经常遇到前端跨域访问请求数据的场景 比如 www.server.com img.server.com 当用户在www下浏览 时需要获取指定记录id的图片,则我们需要在www的域下请求img域下的数据,常规情况下浏览器会处于安全控制限制无法完成跨域请求,但页面中的script或iframe标签是可以载入跨域请求的(link img也可以) 实现方式: =============================================================== 服务端 看网上很多讲跨域的都只是说了下前端如何编码,对后端的处理只字未提,虽然后端的处理很简单,但后端的处理才是点睛之笔,返回一个前端的调用函数语句,这就是传说中的回调函数 <?php if (isset($_GET['callback'])) { $callback = $_GET['callback']; $resultArr = []; $resultArr['id'] = $_GET['id']; $resultArr['img'] =