jQuery ajax - getScript() 方法
生活随笔
收集整理的這篇文章主要介紹了
jQuery ajax - getScript() 方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
jQuery Ajax 參考手冊
實例
通過 AJAX 請求來獲得并運行一個 JavaScript 文件:
$("button").click(function(){$.getScript("demo_ajax_script.js"); });親自試一試
定義和用法
getScript() 方法通過 HTTP GET 請求載入并執行 JavaScript 文件。
語法
jQuery.getScript(url,success(response,status))| url | 將要請求的 URL 字符串。 |
| success(response,status) | 可選。規定請求成功后執行的回調函數。 額外的參數:
|
詳細說明
該函數是簡寫的 Ajax 函數,等價于:
$.ajax({url: url,dataType: "script",success: success });這里的回調函數會傳入返回的 JavaScript 文件。這通常不怎么有用,因為那時腳本已經運行了。
載入的腳本在全局環境中執行,因此能夠引用其他變量,并使用 jQuery 函數。
比如加載一個 test.js 文件,里邊包含下面這段代碼:
$(".result").html("<p>Lorem ipsum dolor sit amet.</p>");通過引用該文件名,就可以載入并運行這段腳本:
$.getScript("ajax/test.js", function() {alert("Load was performed."); });注釋:jQuery 1.2 版本之前,getScript 只能調用同域 JS 文件。 1.2中,您可以跨域調用 JavaScript 文件。注意:Safari 2 或更早的版本不能在全局作用域中同步執行腳本。如果通過 getScript 加入腳本,請加入延時函數。
更多實例
例子 1
加載并執行 test.js:
$.getScript("test.js");例子 2
加載并執行 test.js ,成功后顯示信息:
$.getScript("test.js", function(){alert("Script loaded and executed."); });例子 3
載入 jQuery 官方顏色動畫插件 成功后綁定顏色變化動畫:
HTML 代碼:
<button id="go">Run</button> <div class="block"></div>jQuery 代碼:
jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js",function(){$("#go").click(function(){$(".block").animate( { backgroundColor: 'pink' }, 1000).animate( { backgroundColor: 'blue' }, 1000);}); });轉載于:https://www.cnblogs.com/ouyangping/p/6713625.html
總結
以上是生活随笔為你收集整理的jQuery ajax - getScript() 方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: nltk download失败
- 下一篇: Android攻城狮Gallery和Im