jsonp原理

来源：互联网发布：js concat 编辑：程序博客网时间：2024/05/29 16:22

代码演示jsonp工作原理

html内容如下

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>Document</title> </head><body>    <script>        //创建callback函数        var fnName = 'callback'+(+new Date);  //声明一个动态的callback函数名        window[fnName] = function(data){            console.log(data);   //控制台将打印出123        }        //JSONP        var script = document.createElement('script');        script.src="http://localhost:8088/test/action.php?callback="+fnName+"¶ms=123";   //设置跨域        document.getElementsByTagName('head')[0].appendChild(script);    </script></body></html>

php文件内容如下

<?php
// echo $_GET['callback'];
echo $_GET['callback']."(".json_encode($_GET['params']).")";


?>

阅读全文

0 0