跨源Jsonp

下面给大家说一下跨源请求的一些方式:

1,当正常在跨域请求数据时,会弹出 ''Access-Control-Allow-Origin'',原因是没有允许远距离访问的权利,须在跨域请求的页面中加上一下代码:

header("Access-Control-Allow-Origin:*");

* 号是代表是可以被允许访问的,这里不建议使用该方法,不安全

2,可以使用 iframe这个标签来跨域请求数据

如:

<iframe src="http://www.yanbo.com/show.php" frameborder="0" style= "display:none;"></iframe>

3,可以使用javascript 跨域

这里我们可以调用

<script src = "jquery-1.9.1.min.js">
    
</script>
<script>
//使用js进行跨域取数据

在html页面中

      function result(msg){
        alert(msg);
      }

</script>
<!-- 使用js中的src方法调用跨域的数据 -->
<script src = "http://www.yanbo.com/show.php?rollback=result"></script>

//跨域请求的php页面中可以模拟这样的数据

<?php

$data = [1,2,3,4,5,6];
$rollback=$_GET['rollback'];
$data = json_encode($data);
echo $rollback."(".$data.")";//主要返回的值是result(值);这种形式
?>

在html中 这里注意result()这个自定义函数一定要在<script src = "http://www.yanbo.com/show.php?rollback=result"></script>前面

否则不能使用

4.使用jquery进行跨域请求

<button><button>

?代表着为匿名回调函数

$(function(){
  $("button").click(function(){
   var url = "http://www.yanbo.com/show.php?rollback=?";//跨域的地址
   //?代表着匿名的回调函数
  $.getJSON(url,function(msg){
 
           alert(msg)
  })

  })


})

4,利用php脚本调用

利用第三方网站来进行跨域请求,这里就不详细说明!