使用jquery动态加载javascript以减少服务器压力

253 阅读 0 评论 167 点赞

我是靠谱客的博主怕孤独洋葱，最近开发中收集的这篇文章主要介绍使用jquery动态加载javascript以减少服务器压力，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

幸运的是，jQuery提供了一个内置的实用函数，$getScript（）为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法：

$.getScript(url,callback)

获取url参数所指定的脚本，使用一个GET请求到指定的服务器

Parameters
URL（）获取脚本文件的URL。

callback (Function)可选函数调用脚本文件加载后里面的函数

具体实现过程是

从资源加载文本

|如果字符串成功

返回XHR实例，用来获取脚本。

如何使用呢看下面的方法

我们创建一个new.js 脚本文件

复制代码代码如下:

 
var testVar = 'New JS loaded!'; 
alert(testVar); 
function newFun(dynParam) 
{ 
alert('You just passed '+dynParam+ ' as parameter.'); 
} 

HTML代码

复制代码代码如下:

 
<html> 
<head> 
<title> $.getScript Example</title> 
<script type="text/javascript" src="../jquery.js"></script> 
<script type="text/javascript"> 
$(function() 
{ 
$('#loadButton').click(function(){ 
$.getScript('new.js',function(){ 
newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数 
}); 
}); 
}); 
</script> 
</head> 
<body> 
<button type="button" id="loadButton">Load</button> 
</body> 
</html> 