前端跨域之jsonp

Posted 2020-11-03 因为是你的笔记呀

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端跨域之jsonp相关的知识，希望对你有一定的参考价值。

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的主要内容，如果未能解决你的问题，请参考以下文章

前端跨域之Jsonp的原生请求和Jquery的ajax请求，简单易懂。

使用EggJS开发接口允许跨域之egg-cors