DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> AJAX在VS2005中的簡單應用
AJAX在VS2005中的簡單應用
編輯:AJAX詳解     

  AJAX不用說大家都明白,不明白的請百度或GOO一下人家比我說的專業,筆者寫此篇文章不在於介紹多深奧的東西,這樣只舉一個很簡單的例子來引導到大家.此例只為讓大家明白AJAX的基本的調用需要做那些事情筆者用的是VS2005引用AJAX2.0程序集(AJaxPro.2.dll) 。

  在web.config文件中的<system.web>加入以下設置

<httpHandlers>
 <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AJaxPro.2"/>
</httpHandlers>
  3. 創建一個頁面Default.ASPx

  4. 在Default.ASPx.cs文件的Page_Load中注冊AJax可調用的類的名稱

protected void Page_Load(object sender, EventArgs e)
{
 AjaxPro.Utility.RegisterTypeForAJax(typeof(_Default));
}
  5. 創建AJax可調用的方法:

[AjaxPro.AJaxMethod]
public string SetTb(string name)
{
 return name;
}
  注意:[AjaxPro.AjaxMethod]是定義AJaxPro可調用的方法,是必須要注明的

  6. 前台代碼:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.ASPx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">

<html XMLns="http://www.w3.org/1999/xHtml" >
<head runat="server">
<title>無標題頁</title>
<script language="Javascript" type="text/Javascript">
// <!CDATA[

function comit_onclick()
{
 var name=document.getElementById("tb1").value;
 _Default.SetTb(name,callback);
}
function callback(res)
{
 document.getElementById("tb").value=res.value;
}

// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="tb1" runat="server"></ASP:TextBox><br />
<input id="comit" type="button" value="Ok" />
<br /><asp:TextBox ID="tb" runat="server"></ASP:TextBox>
</div>
</form>
</body>
</Html>
  注意:這裡值得注意的地方是 _Default.SetTb(name,callback);這句話是為了調用_Default.ASPx.cs後台代碼中SetTb這個方法的,如果這個方法沒有要傳遞的參數則指明返回的處理方法是哪一個就OK了,寫成_Default.SetTb(callback);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved