提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

JavaScriptjQuery服务器 使用 动态 加载 减少 压力
2023-06-13 09:14:40 时间
幸运的是，jQuery提供了一个内置的实用函数，$getScript（）为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法：

$.getScript(url,callback)

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

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

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

具体实现过程是

从资源加载文本

|如果字符串成功

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

如何使用呢看下面的方法

我们创建一个new.js脚本文件
复制代码代码如下:

vartestVar="NewJSloaded!";
alert(testVar);
functionnewFun(dynParam)
{
alert("Youjustpassed"+dynParam+"asparameter.");
}

HTML代码
复制代码代码如下:

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

上述代码当中我们创建一个new.js的脚本文件，在body部分当button函数触发的时候调用它，这样做的好处是减少服务器压力，是非常值得推荐的

相关文章