不朽情缘免费旋转选哪个

書名： 15天學會jQuery編程與實戰（視頻教學版）（Web前端技術叢書）
作者名：劉鑫
本章字數： 178字
更新時間： 2020-11-28 16:21:46

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 ()的效果

官术网_书友最值得收藏!

15天學會jQuery編程與實戰（視頻教學版） （Web前端技術叢書）

3.7 利用Ajax直接執行返回的JS代碼

15天學會jQuery編程與實戰（視頻教學版）（Web前端技術叢書）