<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>getScript简单学习</title> <script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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>
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學習，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦