Zepto 中 jQuery.getScript() 的等价物是什么？

Question

Zepto 中 jQuery.getScript() 的等价物是什么？我需要使用这两个库动态加载 JavaScript 文件。

Answer 1

此作品已附加到 zepto.js！

;(function ($) { 
    $.getScript = function(src, func) {
        var script = document.createElement('script');
        script.async = "async";
        script.src = src;
        if (func) {
           script.onload = func;
        }
        document.getElementsByTagName("head")[0].appendChild( script );
    }
})($)

Answer 2

;(function($){

    $.getScript = function (url, success, error) {
        var script = document.createElement("script"),
            $script = $(script);
        script.src = url;

        $("head").append(script);
        $script.bind("load", success);
        $script.bind("error", error);
    };

})(Zepto);

这部分是从 Zepto.ajaxJSONP 中摘取的。

Answer 3

我一直在寻找同样的东西，我发现标准 $.ajax 调用将在 dataType === "script" 时评估响应。我将它实现为 Zepto 插件，如下所示：

(function ($) {
    var getScript = function (url, callback, options) {
            var settings  = $.extend({
                'url': url,
                'success' : callback || function () {},
                'dataType' : 'script'
            }, options || {});
            $.ajax(settings);
        };

    $.getScript = getScript;
}($ || Zepto));

它应该使用与 jQuery 版本相同的语法，除了我添加了 options （第三个）参数以允许将任何任意选项传递给 ajax 请求。