jsonp之jQuery.getScript()方法的简单使用

发布时间：2020-12-16 19:00:53 所属栏目：百科来源：网络整理

导读：!DOCTYPEHTMLhtmllang="en-US"headmetacharset="UTF-8"titlegetScript简单学习/titlescripttype="text/javascript"src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"/scriptscripttype="text/javascript"/*参考：http://www.365mini.com/page/jqu

<!DOCTYPEHTML>
<htmllang="en-US">
<head>
	<metacharset="UTF-8">
	<title>getScript简单学习</title>
	<scripttype="text/javascript"src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
	<scripttype="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()函数用于通过HTTPGET形式加载
			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("Loadwasperformed!");
		});
		
		//处理错误情况
		$.getScript("http://js.tv.itc.cn/dicta.js")
		.done(function(data,jqxhr){//也可以只要前两个参数或前一个
			console.log("Loadwasperformed1--------------!");
			console.log(data);//undefined
			console.log(textStatus);//success
			console.log(jqxhr.status);//200
			console.log("Loadwasperformed1--------------!");
		})
		.fail(function(jqxhr,settings,exception){
			console.log("***********************************!");
			console.log("***********************************!");
		});
		
	
		$(document).ready(function(){
		
			
		
		});
	</script>
</head>
<body>
	<buttonid="go">Run</button>
</body>
</html>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en">
<head>
	<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
	<title>JSONP之getScript的用法</title>
	<scripttype="text/javascript"src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
	<scripttype="text/javascript">
		/*
			我们在这边文章中分析了JSONP:http://hanchaohan.blog.51cto.com/2996417/1291927
			
			下面我分析一下使用匿名JSONP的使用方法。
			
			比如：http://store.tv.sohu.com/web/stpc/saveInformation.do
			返回的是：varresult={"status":-2}。
			接口又不支持JSONP，我们此时使用匿名JSONP格式就比较好！
			
		*/
		
		$(document).ready(function(){
			vart=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+"",jqxhr){
							console.log("get--------------!");
							console.log(data);//undefined
							console.log(textStatus);//success
							console.log(jqxhr.status);//200
							console.log("get--------------!");
					
							//接口返回的是：varresult={"status":0}
							console.log(result.status);
							console.log("u53c2u6570u6709u8befuff01");
							alert("u63d0u4ea4u5931u8d25")
				});
		});
		
		
	</script>
</head>
<body>
	<formaction="#">
		<inputtype=""id="form_name"value="韩超"/>
	</form>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!