巨大家优良，我是细小星星，今天我们要聊一聊JSONP跨域这玩意儿话题。你晓得吗， 有时候我们上网的时候，会找到有些网站里的东西是从别的地方借来的，就像细小朋友借别人的玩具一样。这玩意儿借东西的魔法，就是JSONP跨域。

一、啥是JSONP跨域？

JSONP跨域，就像它名字里说的那样，是一种让数据无障碍访问的魔法。轻巧松就是Neng让网页从不同的地方借来数据，就像借别人的玩具一样，但是这玩意儿借的过程是平安的。

二、 JSONP的由来和原理

JSONP的全称是“JSON with Padding”，它是JSON的一种特殊用法，Neng让网页从不同的域名读取数据。这玩意儿魔法是怎么实现的呢？其实就是通过一个叫Zuo“script标签”的东东，它Neng在网页上插入一段远程的JavaScript代码。

        // client端
        function addScriptTag {
            var script = document.createElement;
            script.setAttribute;
            script.src = src;
            document.body.appendChild;
        }
        window.onload = function  {
            addScriptTag;
        };
        function foo {
            alert;
        }
        // server端
        if .pathname === '/login') {
            var data = {name: 'admin'};
            var callback = url.parse.query.callback;
            if  {
                res.end + ')');
            } else {
                res.end);
            }
        }
    

三、 JSONP的优不优良的地方

像全部魔法一样，JSONP也有它的优良处和不优良的地方。

优良处：

1. 前端求轻巧松：JSONP的求非常轻巧松，只需要在URL后面加上一个参数就Neng。

2. 兼容性优良：JSONPNeng在hen许多老的浏览器上用。

不优良的地方：

1. 不平安：基本上原因是JSONP是通过script标签实现的，所以存在一定的平安凶险。

2. 代码困难以维护：JSONP的代码比比kan麻烦，维护起来比比kan困难办。

四、 JSONP的平安问题

虽然JSONP存在一些平安凶险，但是只要我们注意以下几点，就Neng避免hen许多平安问题：

1. 对服务端返回的数据进行过滤，确保数据的平安性。

2. 用HTTPS协议，确保数据传输的平安性。

优良了今天的魔法分享就到这里。希望巨大家dou学会了JSONP跨域的魔法，Neng够用它来解决我们在编程过程中遇到的问题。想起来用魔法要谨慎哦！