firefox4脚本执行顺序与jquery.globalEval

这是为遗留系统实现类似jQuery.getJSON的方法。

指定回调参数的好处在于能够捕获闭包环境中的变量，在需要缓存查询的地方特别有用。

兼容的代码如下：

$.myAjax = function(url,params,callback) {
        if($.type(url)==='object'){
            callback = params;params = url;url = '//my.system.com/ajax';
        }
        var _unique = 'json_callback'+$.now();
        window[_unique] = function() {
                $.isFunction(callback) && callback.apply(xhr,arguments);
                try{ delete window[_unique] } catch(e){ window[_unique]=undefined }
        };
        params = $.extend(true,
                {
                        page    : 'my_ajax_blog',
                        dir             : 'my',
                        args    : { callback:_unique }
                },
                params || {}
        );
        params.args = JSON.stringify(params.args);

        var xhr = $.post(url,params,function(data) {
                if(!data || !data[0] || !data[0][1]) return;
        $.globalEval(data[0][1]);
        },'json');
};

这是globalEval的原理演示：

var globalEval = function(scriptText){
        var doc = document,s = doc.createElement('script');
        s.appendChild(doc.createTextNode(scriptText)); 
        doc.body.appendChild(s);
};

不兼容的代码如下：

$.globalEval(data[0][1]);
try{ delete window[_unique] } catch(e){ window[_unique]=undefined }

firefox 3.6.15 vs firefox 4

• firefox 3:globalEval中的代码被延迟执行，它后面的脚本先行执行。
• firefox 4:脚本按期望的顺序同步执行。