ajax 跨域 jsonp 处理

前端之家收集整理的这篇文章主要介绍了ajax 跨域 jsonp 处理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

客户端

<!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="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
     <script type="text/javascript">
    jQuery(document).ready(function(){
        $.ajax({
            type : "get",async:false,url : "http://apis.map.qq.com/ws/geocoder/v1/?location=39.984154,116.307490&key=SBDBZ-D2HH4-O6FUD-XCUUY-C5SZ7-QXBWC&get_poi=0&output=jsonp",dataType : "jsonp",jsonp:"aa",//一般为callback
           jsonpCallback:"QQmap",//自定义的jsonp回调函数名称,默认为jQuery自动生成随机函数名
           success : function(json){
                alert(json.status);
                alert(json);
            },error:function(){
                alert('fail');
            }
        });
 
    });
    </script>
    </head>
 <body>
 </body>
</html>


jsonp jsoncallback 说明,最后会在url后加上对应的参数




响应处理



PHP服务端
<?PHP  

//服务端返回JSON数据    

$arr=array('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);    

$result=json_encode($arr);    

//动态执行回调函数    

$callback=$_GET['callback'];    

echo $callback."($result)";    
原文链接:https://www.f2er.com/ajax/163839.html

猜你在找的Ajax相关文章