异步实例 20140612-优快云博客

本文展示了一个使用jQuery异步加载Google地图API的示例，并介绍了两种不同的加载方法：一种利用jQuery内置的方法简化流程；另一种则详细展示了如何通过原生JavaScript进行加载及回调处理。

 $(function () {
            loadScript("http://ditu.google.cn/maps/api/js?sensor=false", function (response, status) {                
                    $(".mapfloatTop").css("display", "none"); //不显示全屏按钮
                    initializeMap();   //初始化
                    AddMarker();      //给地图添加图标 
               );
        });


  //异步加载   先加载URL，再callback  JQUERY
        function loadScript(url, callback) {
            $.getScript(url, callback);
        }

        //异步加载   先加载URL，再callback   JS写法，太复杂
        function loadScript(url, callback) {
                        var script = document.createElement("script")
                        script.type = "text/javascript";
                        if (script.readyState) { //IE
                            script.onreadystatechange = function () {
                                if (script.readyState == "loaded"
                                || script.readyState == "complete") {
                                    script.onreadystatechange = null;
                                    if ($.isFunction(callback)) {//如果参数为Function类型，执行该分支语句
                                        callback.call(null);//这里用到了Function.call()，这也是在jQuery内部实现中经常用到的,还有与之类似的Function.apply()。二者都是用于改变运行上下文，
                                    }
                                    
                                }
                            };
                        } else { //Others: Firefox, Safari, Chrome, and Opera
                            script.onload = function () {
                                if ($.isFunction(callback)) {
                                    callback.call(null);
                                }
                            };
                        }
                        script.src = url;
                        document.body.appendChild(script);
        ｝

正规写法是所有JS都放在</from> 的后面