【AJAX】使用getScript()方法异步加载并执行js文件

最新推荐文章于 2021-08-06 16:12:06 发布

原创最新推荐文章于 2021-08-06 16:12:06 发布 · 5.9k 阅读

3 ·

CC 4.0 BY-SA版权

AJAX 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了AJAX的getScript()方法，用于异步请求并执行服务器上的JavaScript文件。该方法接受一个URL参数，可选地提供回调函数，当请求成功后执行。通过实例展示了如何在页面上显示加载并执行JS文件后的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能：使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件，它的调用格式如下所示：

jQuery.getScript(url,[callback])或$.getScript(url,[callback])

参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。

有了前面getJSON()方法，这个方法很好理解了。

例子：点击“加载”按钮，调用getScript()加载并执行服务器中指定名称的JavaScript格式的文件，并在页面中显示加载后的数据内容。

<body>
        <div id="divtest">
            <div class="title">
                <span class="fl">我最喜欢的运动</span> 
                <span class="fr"> 
                    <input id="btnShow" type="button" value="加载" />
                </span>
            </div>
            <ul></ul>
        </div>
        
        <script type="text/javascript">
            $(function () {
                $("#btnShow").bind("click", function () {
                    var $this = $(this);
                    $.getScript("http://www.imooc.com/data/sport_f.js",function(){
                        $this.attr("disabled", "true");
                    });
                })
            });
        </script>
</body>