用jquery怎么封装JSONP呢？

同学你好，问题解答如下：

1、意思是想更换jsonp还是更换abc呢？

课程中给出的接口，后台规定是jsonp，所以不能更换；abc可以是随机的，老师第一次粘贴的图片中就是完整的示例

  <script type="text/javascript">
    function getJSONP(url) {

        var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'i', 'h', 'j'],
            r1 = Math.floor(Math.random() * 10),
            r2 = Math.floor(Math.random() * 10),
            r3 = Math.floor(Math.random() * 10),
            name = 'getJSONP' + a[r1] + a[r2] + a[r3],
            cbname = 'getJSONP.' + name;

        // 判断url地址中是否含有?号
        if (url.indexOf('?') === -1) {
            url += '?jsonp=' + cbname;
        } else {
            url += '&jsonp=' + cbname;
        }
        getJSONP[name] = function(data) {
            try {
                console.log(data)
            } catch (e) {
                //
            }
        }

        // jquery中ajax使用方式
        $.ajax({
            url: url,
            type: "GET",
            // 类型是jsonp
            dataType: "jsonp"
        })
    }
    getJSONP('http://class.imooc.com/api/jsonp');
    </script>

2、jQuery跨域和原生js跨域是两种不同的方式，所以不需要删除script标签和函数。随机函数名参数上面示例。

祝学习愉快~

同学你好，例子如下：

 <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    function getJSONP(url) {
        // jquery中ajax使用方式
        $.ajax({
            url: url,
            type: "GET",
            // 类型是jsonp
            dataType: "jsonp",
            // 回调函数是abc
            jsonpCallback: "abc",
            success: function(data) {
                console.log(data)
            }

        })
    }
    getJSONP('http://class.imooc.com/api/jsonp?jsonp=abc');
    </script>

结果：

自己测试下，祝学习愉快！

同学你好，jQuery中不需要封装，设置datatype属性值为jsonp就可以跨域。例如

课程中提供的地址还是需要回调函数的，所以前面的代码可以复制粘贴。输出结果

自己测试下，祝学习愉快！