無(wú)論是jquery還是ajax在今天來(lái)討論已經(jīng)很落后了，網(wǎng)上也有非常多的這方面的資料，但是依然有不少新手對(duì)此很茫然。本文以最簡(jiǎn)單的方法為新手示范如何使用jquery實(shí)現(xiàn)ajax技術(shù)（所以本文是專為新手所寫，老鳥(niǎo)勿噴，大神此處省略一萬(wàn)字）。至于什么是jquery什么是ajax，自己谷歌去。
首先新建一個(gè)名聞Ajax的asp.net web空應(yīng)用程序，項(xiàng)目目錄如下圖所示。
其中.ashx文件是一般處理程序，暫時(shí)不用知道它是干嘛用的，后面你就知道了。jquery-1.7.1.js可以在這里下載。
我們首先理清一下我們要實(shí)現(xiàn)的功能：WebForm1頁(yè)面每隔一秒向Handler1處理程序發(fā)出請(qǐng)求，Handler1返還數(shù)據(jù)給WebForm1頁(yè)面，WebForm1頁(yè)面通過(guò)ajax技術(shù)實(shí)現(xiàn)局部刷新效果。
首先來(lái)看看Handler1的主要代碼：
復(fù)制代碼 代碼如下:
public void ProcessRequest(HttpContext context)
{
Random rand = new Random();
int num = rand.Next(1,10);
context.Response.Write(num);
}
主要是把ProcessRequest這個(gè)方法改成以上的樣子，產(chǎn)生一個(gè)1~9的隨機(jī)整數(shù)返回給請(qǐng)求頁(yè)面。
再來(lái)看看WebForm1.aspx的主要代碼：
復(fù)制代碼 代碼如下:
script type="text/javascript" src="jQuery/jquery-1.7.1.js">/script>
script type="text/javascript">
$(document).ready(function () {
function get() {
$.ajax({
type: "Post",
url: "Handler1.ashx",
data: "",
success: function (data) {
$("#dataShow").text(data);
}
});
}
setInterval(get, 1000);
})
/script>
我們要使用jquery的話，就要引用我們剛下下載的那個(gè)jqury-1.7.1.js文件，下面的代碼應(yīng)該能看明白吧？如果這也看不明白，那要先去補(bǔ)補(bǔ)js的基礎(chǔ)了。
在頁(yè)面上添加這樣一句代碼：
復(fù)制代碼 代碼如下:
p id="dataShow">/p>
是用來(lái)顯示請(qǐng)求Handler1返回的數(shù)據(jù)的。
完了！就這么多！如果正常的話，你可以在瀏覽器上看到一個(gè)從1到9不斷隨機(jī)變換的數(shù)字，注意，這里并不是整個(gè)頁(yè)面刷新的！如果不信，你可以給p>標(biāo)簽一個(gè)margin，讓它顯示的時(shí)候超過(guò)瀏覽器高度出現(xiàn)滾動(dòng)條，如果數(shù)據(jù)變化時(shí)滾動(dòng)條沒(méi)有回到最上面說(shuō)明是局部刷新。
至于更高級(jí)的功能，需要讀者自己去查資料研究，這只是篇簡(jiǎn)單的入門文章。
您可能感興趣的文章:- asp.net利用Ajax和Jquery在前臺(tái)向后臺(tái)傳參數(shù)并返回值的實(shí)例
- asp.net+jquery ajax無(wú)刷新登錄的實(shí)現(xiàn)方法
- asp.net中mvc使用ajax提交參數(shù)的匹配問(wèn)題解決探討
- asp.net jquery+ajax異步刷新實(shí)現(xiàn)示例
- ASP.NET中使用Ajax的方法
- asp.net中利用Jquery+Ajax+Json實(shí)現(xiàn)無(wú)刷新分頁(yè)的實(shí)例代碼
- jquery.Ajax()方法調(diào)用Asp.Net后臺(tái)的方法解析
- ASP.NET MVC中的AJAX應(yīng)用
- asp.net+ajaxfileupload.js 實(shí)現(xiàn)文件異步上傳代碼分享
- asp.net+ajax的Post請(qǐng)求實(shí)例
- ASP.NET與Ajax的實(shí)現(xiàn)方式小總結(jié)
