php中jsonp的跨域实例

最新推荐文章于 2023-05-02 09:18:26 发布

xiaoluo0411

最新推荐文章于 2023-05-02 09:18:26 发布

阅读量353

点赞数

本文介绍了一种使用jQuery的ajax方法结合JSONP来实现跨域数据请求的方法。通过自定义回调函数处理从服务器返回的数据，实现了网页与服务器之间的异步数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html文件

<!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;