码迷,mamicode.com
首页 > Web开发 > 详细

前端跨域之jsonp

时间:2018-05-07 19:39:31      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:lan   ini   code   fun   view   try   color   ntb   demo   

demo1:

<!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>JSONP</title>
</head>

<body id="body">
    <div id="divCustomers"></div>
    <script type="text/javascript">
        function callbackFunction(result, methodName) {
            let html = ‘<ul>‘;
            for (let i = 0; i < result.length; i++) {
                html += `<li>${result[i]}</li>`
            }
            html += ‘</ul>‘;
            document.getElementById(‘divCustomers‘).innerHTML = html;
        }
    </script>
    <script type="text/javascript" src="http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=callbackFunction"></script>
</body>

</html>

demo2:

 

前端跨域之jsonp

标签:lan   ini   code   fun   view   try   color   ntb   demo   

原文地址:https://www.cnblogs.com/sangzs/p/9004119.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!