當(dāng)前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

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

發(fā)布時(shí)間：2023/12/9 asp.net 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 Asp.Net+Jquery.Ajax详解5-$.getScript 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

目錄（已經(jīng)更新的文章會(huì)有連接，從7月25日開始，每2到3天更新一篇）：

Asp.Net+Jquery.Ajax詳解1-開篇（2012.07.25發(fā)）

Asp.Net+Jquery.Ajax詳解2-$.Load（2012.07.26發(fā)）

Asp.Net+Jquery.Ajax詳解3-$.get和$.post（2012.07.30發(fā)）

Asp.Net+Jquery.Ajax詳解4-$.getJSON（2012.07.31發(fā)）

Asp.Net+Jquery.Ajax詳解5-$.getScript（2012.08.04發(fā)）

Asp.Net+Jquery.Ajax詳解6-$.ajaxSetup（2012.08.06發(fā)）

Asp.Net+Jquery.Ajax詳解7-全局Ajax事件（2012.08.09發(fā)）

Asp.Net+Jquery.Ajax詳解8-核心$.ajax（2012.08.12發(fā)）

Asp.Net+Jquery.Ajax詳解9-serialize和serializeArray（2012.08.15發(fā)）

Asp.Net+Jquery.Ajax詳解10-JSON和XML+寫在最后（2012.08.20發(fā)，結(jié)束啦！）

jQuery.getScript(url, [callback])

通過 HTTP GET 請(qǐng)求載入并執(zhí)行一個(gè) JavaScript 文件。

url:待載入 JS 文件地址。

callback:成功載入后回調(diào)函數(shù)。

此函數(shù)的jQuery內(nèi)部實(shí)現(xiàn), 仍然使用get函數(shù), getScript將傳入值為"script"的type參數(shù), 最后在Ajax函數(shù)中對(duì)type為script的請(qǐng)求做了如下處理:

var head = document.getElementsByTagName("head")[0]; var script = document.createElement("script");script.src = s.url;

通過以上js代碼建立了一個(gè)script語句塊, 并加入到head中:

head.appendChild(script);

當(dāng)腳本加載完畢后, 再從head中刪除.刪除的js代碼就省略了,有興趣自己去研究Jquery.

我僅僅做了一個(gè)非跨域的測(cè)試,以后有時(shí)間再補(bǔ)一個(gè)跨域的.

實(shí)例:

客戶端——

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryAjaxGetScript.aspx.cs" Inherits="JqueryAjaxTest.JqueryAjaxGetScript" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"><title>jquery ajax test</title><script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script><script type="text/javascript">$(function () {//為按鈕綁定事件$("#TestGetScript").bind("click", GetScriptTest);$("#Button1").bind("click", GetScriptTest);});//測(cè)試getScriptfunction GetScriptTest(event) {$.getScript("Scripts/test.js", function (responseText, textStatus) {$("#result").html("請(qǐng)求的js文件的內(nèi)容為：" + responseText + "<br/>" + "請(qǐng)求狀態(tài)：" + textStatus + "<br/>" + "請(qǐng)求js的url：" + this.url);});}</script> </head> <body><form id="form1" runat="server"><div><input id="TestGetScript" type="button" value="測(cè)試jquery.getScript" /><div id="result"></div></div></form> </body> </html>

客戶端請(qǐng)求的test.js中的javascript代碼如下：

alert("getScript請(qǐng)求的javascript文件test.js 已載入！");

測(cè)試代碼很簡(jiǎn)單，獲得的效果一目了然，不再贅述了。

轉(zhuǎn)載于:https://www.cnblogs.com/javaspring/archive/2012/08/04/2656490.html

總結(jié)

以上是生活随笔為你收集整理的Asp.Net+Jquery.Ajax详解5-$.getScript的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。