您好,登錄后才能下訂單哦!
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>getScript簡單學習</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> /* 參考:http://www.365mini.com/page/jquery_getscript.htm http://www.w3school.com.cn/jquery/ajax_getscript.asp http://www.css88.com/jqapi-1.9/jQuery.getScript/ http://www.111cn.net/wy/jquery/83696.htm 1.jQuery.getScript()函數用于通過HTTP GET形式加載 Javascript文件并運行它。 2.該函數用于動態加載JS文件,并在全局作用域下執行文件中的JS代碼。 3.該函數可以加載跨域的JS文件。請注意,該函數是通過異步加載數據的。 4.該函數屬于全局的jQuery對象。 5.注意:如果多次加載相同URL的js文件,即使服務器對js文件啟用了緩存, 在第二次及以后加載該js文件時,jQuery.getScript()仍然不會緩存。 因為該函數會在js文件的URL后面添加一個時間戳參數后綴, 從而避免瀏覽器獲取緩存的js文件。 6.請注意不要直接在jQuery.getScript()執行后直接調用該js文件中 的變量或函數,因為jQuery.getScript()是異步加載的, 在你訪問其中的某個變量或函數時,可能該js文件尚未完全加載完畢。 建議你最好在success回調函數中處理, 或者你能夠確認此時該js文件已經加載完畢。 */ $.getScript("http://js.tv.itc.cn/kao.js",function(){ $("#go").click(function(){ alert("OK"); }); }); //回到函數的三個返回值,第一個返回值,第二個是狀態,第三個是狀態碼 $.getScript("http://js.tv.itc.cn/kao.js",function(data,textStatus,jqxhr){ console.log(data); //undefiend console.log(textStatus); //success console.log(jqxhr.status); // 200 console.log("Load was performed!"); }); //處理錯誤情況 $.getScript("http://js.tv.itc.cn/dicta.js") .done(function(data,textStatus,jqxhr){ //也可以只要前兩個參數或前一個 console.log("Load was performed1--------------!"); console.log(data); //undefined console.log(textStatus); //success console.log(jqxhr.status); // 200 console.log("Load was performed1--------------!"); }) .fail(function(jqxhr, settings, exception){ console.log("***********************************!"); console.log("***********************************!"); }); $(document).ready(function(){ }); </script> </head> <body> <button id="go">Run</button> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>JSONP之getScript的用法</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> /* 我們在這邊文章中分析了JSONP:http://hanchaohan.blog.51cto.com/2996417/1291927 下面我分析一下使用匿名JSONP的使用方法。 比如:http://store.tv.sohu.com/web/stpc/saveInformation.do 返回的是:var result={"status":-2} 。 接口又不支持JSONP,我們此時使用匿名JSONP格式就比較好! */ $(document).ready(function(){ var t=encodeURIComponent($("#form_name").val()), a=encodeURIComponent("北京"), f=encodeURIComponent("北京"), r=encodeURIComponent("hanchaohan@sohu-inc.com"), l=encodeURIComponent("demo"), c=encodeURIComponent("13581746914"); $.getScript("http://store.tv.sohu.com/web/stpc/saveInformation.do?type=" +75+"&name="+t+"&email="+r+"&phone=" +c+"&province="+a+"&city="+f+"&dealer="+l+"",function(data,textStatus,jqxhr){ console.log("get--------------!"); console.log(data); //undefined console.log(textStatus); //success console.log(jqxhr.status); // 200 console.log("get--------------!"); //接口返回的是:var result={"status":0} console.log(result.status); console.log("\u53c2\u6570\u6709\u8bef\uff01"); alert("\u63d0\u4ea4\u5931\u8d25") }); }); </script> </head> <body> <form action="#" > <input type="" id="form_name" value="韓超"/> </form> </body> </html>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。