如何在ASP.NET中使用AJAX中的方式

本篇內(nèi)容介紹了“如何在ASP.NET中使用AJAX中的方式”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

創(chuàng)新互聯(lián)專注于昭平企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,成都商城網(wǎng)站開(kāi)發(fā)。昭平網(wǎng)站建設(shè)公司,為昭平等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站制作,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

asp.net中使用php常用的jquery等類庫(kù)來(lái)實(shí)現(xiàn)ajax不是很容易。因?yàn)閍sp.net的機(jī)制已經(jīng)被封裝了,依靠?jī)?nèi)部的viewstate,如果硬用js修改了控件的值,跟他的viewstate對(duì)不上,而這些控件又是不可修改的,將對(duì)程序造成安全性困擾,后臺(tái)獲取值也是一個(gè)麻煩。

另外,asp.net的控件也封裝了html控件,使用js操作不是這么直接。

根據(jù)Surance( http://www.fltek.com.cn/)研究發(fā)現(xiàn),在asp.net中,有3種方法使用ajax比較簡(jiǎn)單。算是ms的一個(gè)補(bǔ)償方案來(lái)的。

一個(gè)是PageMethod,一個(gè)是使用ICallbackEventHandler,還有一個(gè)是用ms自帶的ajax控件。

分別舉例說(shuō)明,以下例子要實(shí)現(xiàn)的功能為:

在頁(yè)面有一個(gè)div,一個(gè)按鈕。點(diǎn)擊按鈕要調(diào)用后臺(tái)方法獲取一個(gè)時(shí)間,然后將時(shí)間寫入div。要求頁(yè)面不刷新

另外有個(gè)后臺(tái)的按鈕,點(diǎn)擊此按鈕,取到保存后的值

ASP.NET中使用AJAX中的方式1:PageMehtod

***步,建立一個(gè)asp.net的ajax網(wǎng)站(或者建立普通網(wǎng)站后修改webconfig)

第二步,在頁(yè)面建立控件:

< asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" />    < div id="show" runat="server">aaaa           < /div>     < asp:HiddenField ID="HiddenField1" runat="server" />     < input type="button" value="1111" onclick="myFun()" id="Button2" />          < asp:Button ID="Button1" runat="server" Text="getValue" OnClick="Button1_Click" />

第三步,js

< script>          function myFun()          {              PageMethods.GetDate('a',myCallBack)          }                    function myCallBack(result)          {              var di = document.getElementById("HiddenField1");              di.value=result;                 var di = document.getElementById("show");              di.innerHTML=result;              }                < /script>

第四步,后臺(tái)代碼

注意,這個(gè)方法必須是靜態(tài)方法,必須是寫入以下特性。

因此這個(gè)方法不可以直接訪問(wèn)頁(yè)面的值

[System.Web.Services.WebMethod]      public static DateTime GetDate(string a)      {           return DateTime.Now;      }      protected void Button1_Click(object sender, EventArgs e)      {           DataTable dt = (DataTable)this.DataList1.DataSource;           Response.Write(dt.Rows.Count);      }

ASP.NET中使用AJAX中的方式2:使用ICallbackEventHandler

***步同上

第二步,頁(yè)面實(shí)現(xiàn)接口

public partial class Default2 : System.Web.UI.Page, ICallbackEventHandler

第三步,建立控件

< form id="form1" runat="server">                  < div id="show">             < /div>      < input type="button" onclick="CallServer()" value="CallServer">< /input>

第四步,

寫入js

< script type="text/javascript">        function CallServer()       {           var product = "1";           < %= ClientScript.GetCallbackEventReference(this, "product", "ReceiveServerData",null)%>;       }             function ReceiveServerData(rValue)       {          alert(rValue);               var di = document.getElementById("show");              di.innerHTML=rValue;      }   < /script>

第五步,

后臺(tái)代碼

聲明變量: public  string CallBackValue;

接口方法:

public string GetCallbackResult()      {          return CallBackValue + ",ok";       }       public void RaiseCallbackEvent(string eventArgument)      {                         this.CallBackValue = eventArgument;                      }

說(shuō)明:RaiseCallbackEvent是實(shí)際做事的方法

GetCallbackResult是執(zhí)行完動(dòng)作回調(diào)的方法。

可以修改控件的值。

先執(zhí)行后臺(tái)的回調(diào)方法,后執(zhí)行前臺(tái)js的回調(diào)方法

可以使用RenderControl等類,來(lái)將asp.net控件輸出為html

可以在RaiseCallbackEvent中switchargument,看看是什么地方傳來(lái)的,以便調(diào)用不同的函數(shù)。

“如何在ASP.NET中使用AJAX中的方式”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!

當(dāng)前題目:如何在ASP.NET中使用AJAX中的方式
文章位置:http://muchs.cn/article28/ihcicp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)網(wǎng)站內(nèi)鏈、全網(wǎng)營(yíng)銷推廣、用戶體驗(yàn)、網(wǎng)站制作、云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)