QQ空间的JSONP示例

最新推荐文章于 2022-09-01 10:24:19 发布

weixin_34185320

最新推荐文章于 2022-09-01 10:24:19 发布

阅读量62

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/meteoric_cry/archive/2012/12/28/2837284.html

版权

根据Velocity的演讲“性能优化无未日--Qzone首页性能优化2012篇”写的一个例子

书写的示例，没有做请求成功、失败的处理方法，在实际应用中是需要进行清理操作和超时处理的。

function JSONGetter(url, callbackFn, charset) {

if (window.ActiveXObject) {
//IE
var docFrag = document.createDocumentFragment(),
            tempScript = docFrag.createElement('script');


        docFrag['_Callback'] = function() {
            callbackFn.apply(null, arguments);
        }

        docFrag.appendChild(tempScript);
        tempScript.charset = charset || 'utf-8';
        tempScript.src = url;
    } else {
//非IE
var reqSendIfrm = document.createElement('iframe'),
            chst = charset || 'utf-8',
            srcDocText = [
'javascript:',
'\'<html><head><meta http-equiv="Content-type" content="text/html; charset='+chst+'"/></head><body>',
'<script type="text/javascript">',
'function _Callback() {frameElement._Callback.apply(null, arguments);}',
'<\/script>',
'<script type="text/javascript" src="'+url+'" charset="'+chst+'">',
'<\/script>',
'</body></html>\''
            ].join('');

        reqSendIfrm['_Callback'] = callbackFn;
        reqSendIfrm.src = srcDocText;
        reqSendIfrm.style.display = 'none';
        document.body.appendChild(reqSendIfrm);
    }

}

在线查看/运行示例代码：

JSONP请求数据

预览代码

有兴趣了解Qzone的实现细节，可以自己动手抓包看看..qzfl 中的“QZFL.JSONGetter”方法

转载于:https://www.cnblogs.com/meteoric_cry/archive/2012/12/28/2837284.html

weixin_34185320

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
QQ空间的JSONP示例

根据Velocity的演讲“性能优化无未日--Qzone首页性能优化2012篇”写的一个例子书写的示例，没有做请求成功、失败的处理方法，在实际应用中是需要进行清理操作和超时处理的。 function JSONGetter(url, callbackFn, charset) { if (window.ActiveXObject) { //IE ...
复制链接

扫一扫