js jsonp跨域请求实现_js 实现jsonp请求-优快云博客

本文链接：https://blog.youkuaiyun.com/czhphp/article/details/50624308

本文介绍了一种利用JSONP实现跨域请求的方法，并通过一个具体的HTML页面示例展示了如何使用jQuery发起一个同步的GET请求来获取数据。此外，还提供了服务器端处理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">
 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链接