jsonp的简单例子
index.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jsonp</title> <script type="text/javascript" src="/static/jquery.min.js"></script> </head> <body> <h1>JSONP</h1> <script type="text/javascript"> $(document).ready(function(){ $.ajax({ type: "get", async: false, url: "http://t2.com/jsonp.php", dataType: "jsonp", jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"localHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据 success: function(json){ $('body').append('<h2>您查询到航班信息:票价: ' + json.price + ' 元,余票: ' + json.tickets + ' 张。</h2>'); }, error: function(){ alert('fail'); } }); }); </script> </body> </html>
jsonp.php
header('Content-Type:application/json; charset=utf-8'); $callback='localHandler'; $data=array( 'price'=>26358, 'tickets'=>56 ); echo $callback.'('.json_encode($data).');';
☜☞梦想总是要有的,万一实现了呢☜☞