HTML页面 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <script type="text/javascript" src="jquery-3.2.1/jquery-3.2.1.min.js"> </script> </head> <body> <div id="container"></div> <script type="text/javascript"> $(function(){ $.ajax({ //本地的url url : "/jsonp/jsonp.php", dataType:"jsonp", //传递参数 data:{ "id":"123456", "t":1 }, //数据传输类型 type:"post", //回调函数 jsonp:"callback", timeout: 5000, success:function(data){ console.log(data); }, error:function(XHR, textStatus, errorThrown){ console.log('error: ' + textStatus); console.log('error: ' + errorThrown); } }); }); </script> </body> </html>
PHP 页面
<?php $id = $_POST['id']; $t = $_POST['t']; $jsonp = $_GET['callback'];//get接收jsonp自动生成的函数名 $id = $id+1000; $t = $t +3; $arr = array( 'id' => $id, 't' => $t ); echo $jsonp.'('. json_encode($arr). ')'; //jsonp函数名包裹json数据
结果图: