3.7 利用Ajax直接执行返回的JS代码_15天学会jQuery编程与实战（视频教学版）（Web前端技术丛书）-QQ阅读男生玄幻网

上QQ阅读APP看书，第一时间看更新

3.7 利用Ajax直接执行返回的JS代码

Ajax返回的类型可以是JS代码，而且是可以直接运行的JS代码，这需要通过$.getScript()实现，语法如下：

$.getScript( url [, success ] )

这其实也是$.ajax()的一种简写形式，复杂写法如下：

        $.ajax({
          url: url,
          dataType: "script",
          success: success
        });

注意这里的类型是script。

【示例3-9】getScript-ajax.html

        01    <! DOCTYPE HTML>
        02    <html>
        03    <head>
        04    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        05    <title>$.getScript()</title>
        06    <script type="text/javascript" src="../jquery-3.1.1.js"></script>
        07    <script type="text/javascript">
        08         function sendAjax(){
        09        $.getScript("json.js");     //调取js文件并执行
        10         }
        11    </script>
        12    </head>
        13    <body style="text-align:center">
        14        <input type="button" value="获取JavaScript代码"
    onclick="sendAjax()"/>
        15    </body>
        16    </html>

第09行直接获取json.js文件，该文件的代码为：

alert('hello external js');

本示例的效果如图3.10所示。

图3.10 $. getScript ()的效果