首頁 後端開發 C#.Net教程 asp.net ajax 簡單實例

asp.net ajax 簡單實例

Dec 16, 2016 pm 04:28 PM

實例需求:

利用Ajax技術實作一個頁面不刷新的,並且驗證一個使用者名稱是否被註冊過的過程。

要求:

在頁面中新增一個文字方塊標籤用於輸入使用者名,並新增一個按鈕用於提交使用者資料。驗證的結果直接印在頁面上。

操作步驟如下:

1)   開啟Visual Studio 2005建立一個網站

2)   在VS2005工具箱的HTML欄中新增一個 控制項及 控制項。

3)   在

中加入標籤,以便進行Ajax引擎的編寫,並在基本定義一個XMLHttpRequest對象,但是並不進行初始化操作。如下程式碼所示。

var xmlhttp;

       function          xmlhttp =new ActiveXObject ("Microsoft.XMLHTTP");

            //找到名為「Text1」的文字方塊

            var name=document .getElementById ("Text1");

          //查詢字串「name」傳送文字方塊中的資料到目標頁

            xmlhttp.open(" Post","AjaxDemo_1.aspx?name="+name.value);

            //設定伺服器回應返回時用於處理回應的函數名稱

            //送達請求

            xmlhttp .send(null);

}

4)   新增OnMessageBack()函數的內容。代碼如下:

function OnMessageBack()

       {

          if (xmlhttp .readystate==4&&xmlhttp .status==200)

            {

        {

        將回傳的文字列印到頁面上

                document .write (xmlhttp.responsetext     下面為Button1新增事件代碼,將其標籤修改為

6)   頁面中的Ajax引擎已經編寫完畢。在上碼中,大家可以看到該用戶名是透過一個名為「name」的查詢字串進行傳遞的,該查詢字串傳遞到伺服器後需要進行後台處理,因此,要對「AjaxDemo_1.aspx. cs」中的Page_Load方法加入一些ADO.NET程式碼。這裡的資料庫使用的是「Northwind」範例資料庫。程式碼如下所示。

protected void Page_Load(object sender, EventArgs e)

    {

        

        {

            SqlConnection con = new SqlConnection(" ");

            SqlCommand com.Parameters.Add("@CustomerID",SqlDbType.NChar,5).Value =name;

            con. Open();

            int count = (int)com.ExecuteScalar();

       

            if (count == 0)

            {

               Response.Write("<script>alert('該用戶可以用!');</script>");

            }

            else

            {

Response.Write("<script>alert('該使用者已被佔用,請使用其他使用者名稱!');</script>");

            }

}利用Response.Write()方法向客戶端發出回應後,客戶端的Ajax引擎就會截獲該回應流,並在我們事先定義的「OnMessageBack()」方法中處理。

更多asp.net ajax 簡單實例 相關文章請關注PHP中文網!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1319
25
PHP教程
1269
29
C# 教程
1248
24
c#.net的持續相關性:查看當前用法 c#.net的持續相關性:查看當前用法 Apr 16, 2025 am 12:07 AM

C#.NET依然重要,因為它提供了強大的工具和庫,支持多種應用開發。 1)C#結合.NET框架,使開發高效便捷。 2)C#的類型安全和垃圾回收機制增強了其優勢。 3).NET提供跨平台運行環境和豐富的API,提升了開發靈活性。

從網絡到桌面:C#.NET的多功能性 從網絡到桌面:C#.NET的多功能性 Apr 15, 2025 am 12:07 AM

C#.NETisversatileforbothwebanddesktopdevelopment.1)Forweb,useASP.NETfordynamicapplications.2)Fordesktop,employWindowsFormsorWPFforrichinterfaces.3)UseXamarinforcross-platformdevelopment,enablingcodesharingacrossWindows,macOS,Linux,andmobiledevices.

C#作為多功能.NET語言:應用程序和示例 C#作為多功能.NET語言:應用程序和示例 Apr 26, 2025 am 12:26 AM

C#在企業級應用、遊戲開發、移動應用和Web開發中均有廣泛應用。 1)在企業級應用中,C#常用於ASP.NETCore開發WebAPI。 2)在遊戲開發中,C#與Unity引擎結合,實現角色控制等功能。 3)C#支持多態性和異步編程,提高代碼靈活性和應用性能。

c#.net適合您嗎?評估其適用性 c#.net適合您嗎?評估其適用性 Apr 13, 2025 am 12:03 AM

c#.netissutableforenterprise-levelapplications withemofrosoftecosystemdueToItsStrongTyping,richlibraries,androbustperraries,androbustperformance.however,itmaynotbeidealfoross-platement forment forment forment forvepentment offependment dovelopment toveloperment toveloperment whenrawspeedsportor whenrawspeedseedpolitical politionalitable,

C#.NET與未來:適應新技術 C#.NET與未來:適應新技術 Apr 14, 2025 am 12:06 AM

C#和.NET通過不斷的更新和優化,適應了新興技術的需求。 1)C#9.0和.NET5引入了記錄類型和性能優化。 2).NETCore增強了雲原生和容器化支持。 3)ASP.NETCore與現代Web技術集成。 4)ML.NET支持機器學習和人工智能。 5)異步編程和最佳實踐提升了性能。

.NET中的C#代碼:探索編程過程 .NET中的C#代碼:探索編程過程 Apr 12, 2025 am 12:02 AM

C#在.NET中的編程過程包括以下步驟:1)編寫C#代碼,2)編譯為中間語言(IL),3)由.NET運行時(CLR)執行。 C#在.NET中的優勢在於其現代化語法、強大的類型系統和與.NET框架的緊密集成,適用於從桌面應用到Web服務的各種開發場景。

將C#.NET應用程序部署到Azure/AWS:逐步指南 將C#.NET應用程序部署到Azure/AWS:逐步指南 Apr 23, 2025 am 12:06 AM

如何將C#.NET應用部署到Azure或AWS?答案是使用AzureAppService和AWSElasticBeanstalk。 1.在Azure上,使用AzureAppService和AzurePipelines自動化部署。 2.在AWS上,使用AmazonElasticBeanstalk和AWSLambda實現部署和無服務器計算。

C#和.NET運行時:它們如何一起工作 C#和.NET運行時:它們如何一起工作 Apr 19, 2025 am 12:04 AM

C#和.NET運行時緊密合作,賦予開發者高效、強大且跨平台的開發能力。 1)C#是一種類型安全且面向對象的編程語言,旨在與.NET框架無縫集成。 2).NET運行時管理C#代碼的執行,提供垃圾回收、類型安全等服務,確保高效和跨平台運行。

See all articles