當(dāng)前位置：首頁 >

dojo在ASP.NET中使用Ajax初步

發(fā)布時(shí)間：2025/5/22 40 豆豆

生活随笔收集整理的這篇文章主要介紹了 dojo在ASP.NET中使用Ajax初步小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

　　　　我想先介紹一下dojo中的瀏覽器事件，由于不同的瀏覽器對(duì)dom事件的支持是不同的，dojo在這方面做了統(tǒng)一的封裝，所以使用dojo不用擔(dān)心瀏覽器事件不兼容的問題。問題也就由此而來，由于要兼容不同的瀏覽器事件，dojo中的事件與某一個(gè)瀏覽器的事件在命名上也就有所區(qū)別（昨晚上就是卡在這了）。請(qǐng)先看下面的一個(gè)網(wǎng)址：

http://http://www.bianceng.cn/webkf/Dojo/201101/23290_5.htm

現(xiàn)在來看一下我們的例子：

?引入dojo.js，1.7以后dojo將使用AMD架構(gòu)，想要了解AMD的可以在網(wǎng)上查，這里不贅述了

1 <script type="text/javascript" language=javascript> 2 require(["dojo/_base/xhr", "dojo/on", "dojo/dom", "dojo/domReady!"], function (xhr, on, dom) { 3 4 function refresfContent() { 5 6 var sname = dom.byId("txtName").value; 7 //使用GET方式 8 xhr.get({ 9 //請(qǐng)求頁面 10 url: "WebForm2.aspx", 11 //參數(shù) 12 content: { name: sname }, 13 //當(dāng)執(zhí)行成功時(shí)調(diào)用的方法 14 load: function (newContent) { 15 dom.byId("txtSuggestion").value = newContent; 16 }, 17 //失敗時(shí)調(diào)用的方法 18 error: function () { 19 alert("error"); 20 } 21 }); 22 //alert(sname); 23 } 24 //綁定事件，在IE中按鍵彈起事件是“onkeyup” 25 on(dom.byId("txtName"), "keyup", refresfContent); 26 }) 27 </script> 1 <body> 2 <form id="form1" runat="server"> 3 <div> 4 姓名：<input type="text" id="txtName" /> <br /> 5 建議：<input type="text" id="txtSuggestion" name="txtSuggestion" /> 6 </div> 7 </form> 8 </body>

其實(shí)xhr只是一個(gè)被dojo封裝了的XMLHttpRequest，使用dojo我們可以聲明一個(gè)xhr的變量而不用考慮具體的瀏覽器，比如：

1 if (window.XMLHttpRequest) { 2 XmlHttp = new XMLHttpRequest(); 3 4 } 5 else if (window.ActiveXObject) { 6 XmlHttp = new ActiveXObject("Microsoft.XMLHTTp"); 7 } 8 else { 9 alert("您的瀏覽器不支持XMLHTTPRequest"); 10 return; 11 }

?然后咱們看一下服務(wù)器端的代碼，很簡單的（借用了一下群哥的代碼）：

1 protected void Page_Load(object sender, EventArgs e) 2 { 3 // string b = Request["callback"]; 4 5 6 string name =Context.Request["name"]; 7 if (name != null) 8 { 9 string result = GetSuggestion(name); 10 Response.Write(result); 11 Response.Flush(); 12 Response.End();//Response.End把前面的內(nèi)容都輸出了，阻止了后面html相關(guān)內(nèi)容的輸出 13 } 14 } 15 private string GetSuggestion(string name) 16 { 17 string suggestion = string.Empty; 18 if (name != null) 19 { 20 if (name.Length == 1) 21 { 22 if (name == "s") 23 { 24 suggestion = "qun ge"; 25 } 26 else if (name == "z") 27 { 28 suggestion = "qun sao"; 29 } 30 else 31 { 32 suggestion = "No suggestion"; 33 } 34 } 35 else 36 { 37 suggestion = "No Suggestion"; 38 } 39 } 40 else 41 { 42 suggestion = "No Suggestion"; 43 } 44 45 return suggestion; 46 }

運(yùn)行結(jié)果：

很簡單的一個(gè)小例子

總結(jié)

以上是生活随笔為你收集整理的dojo在ASP.NET中使用Ajax初步的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

dojo在ASP.NET中使用Ajax初步

總結(jié)