jQuery
getScript(url
[callback])
通过 HTTP GET 请求载入并执行一个 JavaScript 文件
url:待载入 JS 文件地址
callback:成功载入后回调函数
此函数的jQuery内部实现 仍然使用get函数 getScript将传入值为script的type参数 最后在Ajax函数中对type为script的请求做了如下处理
[javascript]
var head = documentgetElementsByTagName(head)[];
var script = documentcreateElement(script)
scriptsrc = surl;
var head = documentgetElementsByTagName(head)[];
var script = documentcreateElement(script)
scriptsrc = surl;
通过以上js代码建立了一个script语句块 并加入到head中
headappendChild(script)
当脚本加载完毕后 再从head中删除删除的js代码就省略了有兴趣自己去研究Jquery
我仅仅做了一个非跨域的测试以后有时间再补一个跨域的
实例
客户端
[javascript]
<%@ Page Language=C# AutoEventWireup=true CodeBehind=JqueryAjaxGetScriptaspxcs Inherits=JqueryAjaxTestJqueryAjaxGetScript %>
<!DOCTYPE html PUBLIC //WC//DTD XHTML Transitional//EN transitionaldtd>
<html xmlns=>
<head runat=server>
<title>jquery ajax test</title>
<script src=Scripts/jqueryminjs type=text/javascript></script>
<script type=text/javascript>
$(function () {
//为按钮绑定事件
$(#TestGetScript)bind(click GetScriptTest)
$(#Button)bind(click GetScriptTest)
})
//测试getScript
function GetScriptTest(event) {
$getScript(Scripts/testjs function (responseText textStatus) {
$(#result)html(请求的js文件的内容为 + responseText + <br/> + 请求状态 + textStatus + <br/> + 请求js的url: + thisurl)
})
}
</script>
</head>
<body>
<form id=form runat=server>
<div>
<input id=TestGetScript type=button value=测试jquerygetScript />
<div id=result>
</div>
</div>
</form>
</body>
</html>
<%@ Page Language=C# AutoEventWireup=true CodeBehind=JqueryAjaxGetScriptaspxcs Inherits=JqueryAjaxTestJqueryAjaxGetScript %>
<!DOCTYPE html PUBLIC //WC//DTD XHTML Transitional//EN transitionaldtd>
<html xmlns=>
<head runat=server>
<title>jquery ajax test</title>
<script src=Scripts/jqueryminjs type=text/javascript></script>
<script type=text/javascript>
$(function () {
//为按钮绑定事件
$(#TestGetScript)bind(click GetScriptTest)
$(#Button)bind(click GetScriptTest)
})
//测试getScript
function GetScriptTest(event) {
$getScript(Scripts/testjs function (responseText textStatus) {
$(#result)html(请求的js文件的内容为 + responseText + <br/> + 请求状态 + textStatus + <br/> + 请求js的url: + thisurl)
})
}
</script>
</head>
<body>
<form id=form runat=server>
<div>
<input id=TestGetScript type=button value=测试jquerygetScript />
<div id=result>
</div>
</div>
</form>
</body>
</html>
客户端请求的testjs中的javascript代码如下
[javascript]
alert(getScript请求的javascript文件testjs 已载入!)
alert(getScript请求的javascript文件testjs 已载入!)
测试代码很简单获得的效果一目了然不再赘述了