用JSONP方式跨域请求

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用JSONP方式跨域请求相关的知识,希望对你有一定的参考价值。

JQUERY 中封装的JSONP请求方法

1.index.html 中的javascript

$(function(){

$.ajax({
   type: "GET",
   async:false,
   url: "http://www.vm.com:81/index.php", //跨域请求的地址
   data:{‘birt‘:2016},
   dataType: ‘jsonp‘,
   jsonp: ‘jsoncallback‘,
   success: function(msg){
     alert("msg:"+JSON.stringify(msg));
   },
   error:function(msg){
           //alert("msg:"+JSON.stringify(msg));
   }
});
});

2.index.php

    $cb = $_GET["jsoncallback"];
    $birt = $_GET["birt"];
    $varArr = array("username"=>"lianruihong","age"=>20,"birt"=>$birt);
    echo $cb."(".json_encode($varArr).")";

 

以上是关于用JSONP方式跨域请求的主要内容,如果未能解决你的问题,请参考以下文章

跨域请求之jsonp的实现方式

jsonp跨域请求的方式

跨域请求的3种方式

关于laravel框架的跨域请求/jsonp请求的理解

JS的jsonp是什么?5分钟学会jsonp跨域请求

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