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:脚本按期望的顺序同步执行。

转载于:https://www.cnblogs.com/ambar/archive/2011/04/19/firefox-4-script-execution-and-jsonp-and-jquery-globalEval.html