js jsonp跨域请求实现

html页面


 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" >
 3 <head>
 4     <title>Untitled Page</title>
 5      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 6      <script type="text/javascript">
 7     jQuery(document).ready(function(){
 8         $.ajax({
 9             type : "get",
10             async:false,
11             url : "ajax.ashx",
12             dataType : "jsonp",
13             jsonp: "callbackparam",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
14             jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
15             success : function(json){
16                 alert(json);
17                 alert(json[0].name);
18             },
19             error:function(){
20                 alert('fail');
21             }
22         });
23         var a="firstName Brett";
24         alert(a);
25     });
26     </script>
27     </head>
28  <body>
29  </body>
30 </html>

程序处理部分

$json=json_encode($credits_list); //前端要的json数据
return $search['callbackparam'].'('.$json.")";  //$search['callbackparam']是前端ajax jsonp属性,其值是success_jsonpCallback
                                                //一定要返回这样的格式前端才能接收到数据


ajax请求的url链接

你可能感兴趣的:(js jsonp跨域请求实现)