js jsonp跨域请求实现

来源：互联网发布：淘宝类似图片怎么搜索编辑：程序博客网时间：2024/06/06 08:30

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数据echo $_REQUEST['callbackparam'].'('.$json.")";  //$_REQUEST['callbackparam']是前段回调函数的值，其值是success_jsonpCallback                                                //一定要返回这样的格式前端才能接收到数据

ajax请求的url链接

0 0