基于asp.net下使用jquery實現(xiàn)ajax的解決方法
無論是jquery還是ajax在今天來討論已經(jīng)很落后了,網(wǎng)上也有非常多的這方面的資料,但是依然有不少新手對此很茫然。本文以最簡單的方法為新手示范如何使用jquery實現(xiàn)ajax技術(shù)(所以本文是專為新手所寫,老鳥勿噴,大神此處省略一萬字)。至于什么是jquery什么是ajax,自己谷歌去。
首先新建一個名聞Ajax的asp.net web空應(yīng)用程序,項目目錄如下圖所示。
其中.ashx文件是一般處理程序,暫時不用知道它是干嘛用的,后面你就知道了。jquery-1.7.1.js可以在這里下載。
我們首先理清一下我們要實現(xiàn)的功能:WebForm1頁面每隔一秒向Handler1處理程序發(fā)出請求,Handler1返還數(shù)據(jù)給WebForm1頁面,WebForm1頁面通過ajax技術(shù)實現(xiàn)局部刷新效果。
首先來看看Handler1的主要代碼:
public void ProcessRequest(HttpContext context)
{
Random rand = new Random();
int num = rand.Next(1,10);
context.Response.Write(num);
}
主要是把ProcessRequest這個方法改成以上的樣子,產(chǎn)生一個1~9的隨機(jī)整數(shù)返回給請求頁面。
再來看看WebForm1.aspx的主要代碼:
<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的話,就要引用我們剛下下載的那個jqury-1.7.1.js文件,下面的代碼應(yīng)該能看明白吧?如果這也看不明白,那要先去補(bǔ)補(bǔ)js的基礎(chǔ)了。
在頁面上添加這樣一句代碼:
<p id="dataShow"></p>
是用來顯示請求Handler1返回的數(shù)據(jù)的。
完了!就這么多!如果正常的話,你可以在瀏覽器上看到一個從1到9不斷隨機(jī)變換的數(shù)字,注意,這里并不是整個頁面刷新的!如果不信,你可以給<p>標(biāo)簽一個margin,讓它顯示的時候超過瀏覽器高度出現(xiàn)滾動條,如果數(shù)據(jù)變化時滾動條沒有回到最上面說明是局部刷新。
至于更高級的功能,需要讀者自己去查資料研究,這只是篇簡單的入門文章。
- asp.net利用Ajax和Jquery在前臺向后臺傳參數(shù)并返回值的實例
- asp.net+jquery ajax無刷新登錄的實現(xiàn)方法
- asp.net中mvc使用ajax提交參數(shù)的匹配問題解決探討
- asp.net jquery+ajax異步刷新實現(xiàn)示例
- ASP.NET中使用Ajax的方法
- asp.net中利用Jquery+Ajax+Json實現(xiàn)無刷新分頁的實例代碼
- jquery.Ajax()方法調(diào)用Asp.Net后臺的方法解析
- ASP.NET MVC中的AJAX應(yīng)用
- asp.net+ajaxfileupload.js 實現(xiàn)文件異步上傳代碼分享
- asp.net+ajax的Post請求實例
- ASP.NET與Ajax的實現(xiàn)方式小總結(jié)
相關(guān)文章
asp.net使用jquery實現(xiàn)搜索框默認(rèn)提示功能
這篇文章主要介紹了asp.net使用jquery實現(xiàn)搜索框默認(rèn)提示功能,大家參考使用吧2014-01-01ASP.NET三層架構(gòu)詳解 如何實現(xiàn)三層架構(gòu)
這篇文章主要為大家詳細(xì)介紹了ASP.NET三層架構(gòu),如何實現(xiàn)三層架構(gòu),本文為大家揭曉,感興趣的小伙伴們可以參考一下2016-05-05asp.net 虛擬主機(jī)時常出現(xiàn)MAC驗證失敗錯誤之解決方法
驗證視圖狀態(tài) MAC 失敗。如果此應(yīng)用程序由網(wǎng)絡(luò)場或群集承載,請確保 <machineKey> 配置指定了相同的 validationKey 和驗證算法。不能在群集中使用 AutoGenerate。2009-05-05詳解ASP.NET MVC 解析模板生成靜態(tài)頁(RazorEngine)
我們在很多項目開發(fā)中會常常用到頁面靜態(tài)化,本篇文章主要介紹了詳解ASP.NET MVC 解析模板生成靜態(tài)頁(RazorEngine) ,具有一定的參考價值,有興趣的可以了解一下。2017-03-03