json跨域

Jsonp跨域：
//前端

$info = Db::table(‘tbl_img’)

    ->find();
    $img = $info['img'];
    $callback = $_GET["callback"];
    $a = array(
        'img'=>$img,
        'func'=>$callback,
    );
    $result = json_encode($a);
    echo "flightHandler($result)";
    exit;

//后端

public function index()

{
    $info = Db::table('tbl_img')
    ->find();
    $img = $info['img'];
    $callback = $_GET["callback"];
    $a = array(
        'img'=>$img,
        'func'=>$callback,
    );
    $result = json_encode($a);
    echo "flightHandler($result)";
    exit;
    // return json_encode($img);
    // return view('login');
}
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
     <title>Untitled Page</title>
      <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
      <script type="text/javascript">
     jQuery(document).ready(function(){ 
        $.ajax({
             type: "GET",
             async: false,
             //url: "http://test/jsonp.php",
             url:"http://mytaobao.com/jsonp.php",
             dataType: "jsonp",
             jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
             jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
             success: function(json){
                 alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。回调函数名为: '+json.func);
             },
             error: function(){
                 alert("fail");
             }
         });
     });
     </script>
     </head>
  <body>
  </body>
 </html>
后端php返回示例
<?php
$callback = $_GET["callback"];
$a = array(
 'code'=>'CA1998',
    'price'=>'6000',
    'tickets'=>20,
    'func'=>$callback,
);
$result = json_encode($a);
echo "flightHandler($result)";
exit;

相关文章