search

wolichuang / dailyInterview

面试、工作中遇到的issue
0 stars 0 forks source link

jsonp #25

Open wolichuang opened 3 years ago

wolichuang commented 3 years ago

一种基于文本的数据交换方式,可以进行跨域数据交换。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Wsscat's jsonp</title>
    </head>
    <body>
        <button onclick="jsonpServer('jsonp.php')">JSONP</button>
    </body>
    <script>
        function jsonpScript(url) {
            var script = document.createElement("script");
            script.setAttribute("type", "text/javascript");
            script.setAttribute("src", url);
            document.body.appendChild(script);
        }   
        function jsonCallback(data) {
            console.log(data);
        }

        $.ajax({
            url:'index.js',
            type:'get',
            dataType:'jsonp',
            jsonpCallback:'jsonCallback',
            success:function(data){
                console.log(data)
            }
        })
    </script>
</html>
var data = '[{"id":"1","name":"wsscat"},{"id":"2","name":"asw"}]';
var data = "jsonCallback(" . $data . ")";
console.log(data);