JSONP代码收藏

使用jQuery进行JSONP请求

最新推荐文章于 2025-09-08 17:59:21 发布

weixin_30572613

最新推荐文章于 2025-09-08 17:59:21 发布

阅读量49

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/flicat/p/4378739.html

本文介绍了如何使用jQuery实现JSONP请求，通过创建回调函数、构造URL和利用<script>元素来获取并处理远程数据。

摘抄自jQuery，用于JSONP请求。

var callback = 'callback_' + (new Date() - 0),
            url = 'http://localhost/',
            script = document.createElement("script"),
            head = document.head || document.querySelector('head');

        window[callback] = function(data) {
            console.log(data);
            window[callback] = null;
        };

        script.async = true;
        script.charset = 'utf-8';

        script.src = url;

        script.onload = script.onreadystatechange = function( _, isAbort ) {

            if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {

                script.onload = script.onreadystatechange = null;

                if ( script.parentNode ) {
                    script.parentNode.removeChild( script );
                }

                script = null;
            }
        };

        head.insertBefore( script, head.firstChild );