日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

基于asp.net下使用jquery實(shí)現(xiàn)ajax的解決方法_.Net教程

編輯Tag賺U幣

推薦:基于.NET中:自動(dòng)將請(qǐng)求參數(shù)綁定到ASPX、ASHX和MVC的方法(菜鳥必看)
這篇文章的目的就是告訴初學(xué)者如何自動(dòng)將客戶端用AJAX發(fā)送的參數(shù)自動(dòng)綁定為強(qiáng)類型的成員屬性或方法參數(shù)

無(wú)論是jquery還是ajax在今天來(lái)討論已經(jīng)很落后了,網(wǎng)上也有非常多的這方面的資料,但是依然有不少新手對(duì)此很茫然。本文以最簡(jiǎn)單的方法為新手示范如何使用jquery實(shí)現(xiàn)ajax技術(shù)(所以本文是專為新手所寫,老鳥勿噴,大神此處省略一萬(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ù)制代碼 代碼如下:m.hl5o.cn

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ù)制代碼 代碼如下:m.hl5o.cn

<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ù)制代碼 代碼如下:m.hl5o.cn

<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)單的入門文章。

分享:水晶易表調(diào)用C#的WebService,返回?cái)?shù)據(jù)集合的應(yīng)用分析
本篇文章介紹了,水晶易表調(diào)用C#的WebService,返回?cái)?shù)據(jù)集合的應(yīng)用分析。需要的朋友參考下

來(lái)源:模板無(wú)憂//所屬分類:.Net教程/更新時(shí)間:2013-05-02
相關(guān).Net教程