jsonp+jquery示例代码,jsonp是什么?看完了还不会我就给你跪了.....

来源：互联网发布：sql 安全策略编辑：程序博客网时间：2024/04/28 08:27

文件与目录结构：

|---jsonp
|-----------json.php
|-----------jsonp.php
|-----------test.php

代码如下：

test.php

<!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>JSIONP TEST</title>      <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>      <script type="text/javascript"><!--      /*      //跨越ajax请求无法执行demo      jQuery(document).ready(function(){           $.ajax({               type: "get",               url: "http://company.test.com/jsonp/json.php",               dataType: "json",               data: "callbackparam=jsonpCallback",               success: function(json){                   alert('json:' + json);               },               error: function(){                   alert('fail');               }           });       });       */      //使用jsonp可以解决问题     jQuery(document).ready(function(){         $.ajax({             type: "get",             url: "http://company.test.com/jsonp/jsonp.php",             dataType: "jsonp",             jsonp: "callbackparam",             jsonpCallback:"jsonpCallback",             success: function(json){                 alert('json:' + json);             },             error: function(){                 alert('fail');             }         });     });     </script>     </head>  <body>  </body> </html>

json.php

<?php$funame = $_GET['callbackparam'];echo '{"name": "cxh", "sex": "man"}';

jsonp.php

<?php$funame = $_GET['callbackparam'];echo $funame.'({"name": "cxh", "sex": "man"})';

0 0