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