javascript

位置:IT落伍者 >> javascript >> 浏览文章

Asp.Net+Jquery.Ajax详解5-$.getScript


发布日期:2018年01月11日
 
Asp.Net+Jquery.Ajax详解5-$.getScript
jQuerygetScript(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 () {

//为按钮绑定事件

$(#TestGetScriptbind(click GetScriptTest)

$(#Buttonbind(click GetScriptTest)

})

//测试getScript

function GetScriptTest(event) {

$getScript(Scripts/testjs function (responseText textStatus) {

$(#resulthtml(请求的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 () {

//为按钮绑定事件

$(#TestGetScriptbind(click GetScriptTest)

$(#Buttonbind(click GetScriptTest)

})

//测试getScript

function GetScriptTest(event) {

$getScript(Scripts/testjs function (responseText textStatus) {

$(#resulthtml(请求的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 已载入!

测试代码很简单获得的效果一目了然不再赘述了

               

上一篇:C#用jquery多个文件上传

下一篇:DataSetToJson扩展方法