查看: 399|回复: 0

[JavaScript/JQuery] jsonp跨域请求php接口

发表于 2018-4-7 08:00:02

使用JQ和原生PHP作为例子:

JS代码:

  1. <script src="JQ的地址" type="text/javascript"></script>
  2. <script>
  3. var testApi = "跨域的地址";
  4. $.ajax({
  5. url:testApi,//可以不是本地域名
  6. type:'post',
  7. dataType:'jsonp', //jsonp格式访问
  8. jsonpCallback:'test' //获取数据的函数
  9. })
  10. .done(function(data){
  11. if (data.status == 1) {
  12. console.log('成功');
  13. } else {
  14. console.log('失败');
  15. }
  16. })
  17. .fail(function() {
  18. alert('服务器超时,请重试!');
  19. });
  20. </script>
复制代码

php代码

  1. public function testApi()
  2. {
  3. header('Content-type:application/json');
  4. header('Cache-Control:no-cache,must-revalidate');
  5. $jsonp = $_GET['callback'];
  6. echo $jsonp . '(' . json_encode(['status' => 1]) . ')';
  7. }
复制代码


回复

使用道具 举报