DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> Ajax.Net之數據類型
Ajax.Net之數據類型
編輯:AJAX詳解     

這個例子是按照Ajax.Net的作者的Data Type示例做的,大概意思是能夠把好多的數據類型做為參數傳遞給服務器端的Ajax.Net方法,也能夠從AJax.Net服務器端方法返回同樣的數據類型。特別是他還能夠把一個客戶端對象轉換成為一個XML文檔,作者叫他為IJavaScriptObject,代碼如下,有詳細注釋
前台DataType.ASPx代碼:
<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHtml 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xHtml11.dtd">

<script runat="server">
    void Page_Load(object sender, EventArgs e)
    {
       //把類MyDataType注冊下
        AjaxPro.Utility.RegisterTypeForAJax(typeof(MyDemo.MyDataType));
    }
</script>

<Html XMLns="http://www.w3.org/1999/xHtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type=button value="測試bool類型" /><br/>
    <input type=button value="測試int類型" /><br />
    <input type=button value="測試double類型" /><br />
    <input type=button value="測試char類型" /><br />
    <input type=button value="傳int,double,float給服務器" /><br />
    <input type=button value="傳入int數組,double數組,返回object數組" /><br />
    <input type=button value="傳入DateTime類型" /><br />
    <input type=button value="傳入object,返回XML" /><br />
    </div>
    </form>
    <script type="text/Javascript">
       function getBoll()
       {
          //調用服務器方法返回個bool類型
          alert(MyDemo.MyDataType.GetBool(false).value);
       }
       function getInt()
       {
          //調用服務器方法把傳遞的int加10再返回來
          alert(MyDemo.MyDataType.GetInt(20).value);
       }
       function getDouble()
       {
          //傳遞個double給服務器,返回個double
          alert(MyDemo.MyDataType.GetDouble(0.01).value);
       }
       function getChar()
       {
          //傳遞個char給服務器,返回他+1後的char
          alert(MyDemo.MyDataType.GetChar('a').value);
       }
       function getNumber()
       {
           //傳遞一個int,一個double一個float給服務器,以int返回他們的和
           alert(MyDemo.MyDataType.GetNumber(3,0.5,0.8).value);
       }
       function getNumbers()
       {
           //傳遞一個int數組和一個double數組給服務器,服務器分別計算每個數組的和並且以object數組的形式返回
           var p = MyDemo.MyDataType.GetNumbers([1,8,9],[1.2,55,5.02]).value;
           alert("int數組和是:"+p[0]+"\ndouble數組和是:"+p[1]);
       }
       function getDateTime()
       {
          //傳遞當前時間給服務器,返回現在的時間加4個小時
          //注意客戶端得到現在時間是new Date()不是DateTime.Now
          alert(MyDemo.MyDataType.GetDateTime(new Date()).value);
       }
       function getXML()
       {
           //先初始化個對象,注意Object前面的O 大寫啊
           var o = new Object();
           o.MyArray = [1,2,3,4,5,6];//o有個屬性MyArray是個數組
           o.MyBool = true;//o有個屬性MyBool,類型是bool
           o.MyString = "我愛你!";//o有個屬性MyString,類型string
           //o還有個object類型的屬性,MyObject再有兩個屬性
           o.MyObject = {"FirstName":"老鼠","LastName":"吳旗娃師傅"};
           //o還有個DateTime的屬性
           o.MyDate = new Date();
           //調用服務器方法把這個object傳給服務器,服務器把他轉換成XML再返回
           var a = MyDemo.MyDataType.GetXML(o).value;
           alert(a);
       }
    </script>
</body>
</Html>
類文件MyDataType.cs代碼:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using AJaxPro;
using System.XML;

/// <summary>
/// Summary description for MyDataType
/// </summary>
///
namespace MyDemo
{
 public class MyDataType
 {
  public MyDataType()
  {
   //
   // TODO: Add constructor logic here
   //
  }
  [AjaxPro.AJaxMethod]
  public bool GetBool(bool b)
  {
   //傳來true返回false,船來false,返回true
   return !b;
  }
  [AjaxPro.AJaxMethod]
  public int GetInt(int i)
  {
     //把傳來的int參數加10返回
   return i + 10;
  }
  [AjaxPro.AJaxMethod]
  public double GetDouble(double d)
  {
     //把傳來的double+0.1再返回
   return d + 0.1;
  }
  [AjaxPro.AJaxMethod]
  public char GetChar(char c)
  {
      //把傳來的char加1返回
   return ++c;
  }
  [AjaxPro.AJaxMethod]
  public int GetNumber(int i, double b, float f)
  {
     //計算他們的和以int 返回
   return (int)((double)i+b+f);
  }
  [AjaxPro.AJaxMethod]
  public object[] GetNumbers(int[] i, double[] d)
  {
     //傳如的參數是一個int數組和一個double數組,我們分別計算這兩個數組的和,
   //然後把他們做為一個object數組的一個元素。
   object[] o = new object[2];//初始化有兩個元素的object數組
   o[0] = 0;//給第一個元素賦值他將用來裝傳來的int數組的和
   o[1] = 0;//給第二個元素賦值他將用來裝傳來的double數組的和
   //遍離傳來的int數組,把他的和放在object的第一個元素裡面
   int i1=0;
   foreach (int a in i)
   {
    i1 += a;
   }
   o[0] = i1;
   //遍離double數組。
   double d1 = 0;
   foreach (double b in d)
   {
    d1 += b;
   }
   o[1] = d1;
   return o;
  }
  [AjaxPro.AJaxMethod]
  public DateTime GetDateTime(DateTime d)
  {
     //把傳來的時間加四個小時返回
   return d.AddHours(4);
  }
  [AjaxPro.AJaxMethod]
  public string GetXML(IJavaScriptObject o)
  {
      //客戶端的object對象被他搞成IJavaScriptObject類型
   //把他轉換成XML dom,用JavaScriptUtil的那個方法注意要using AJaxPro
   XmlDocument XML = JavascriptUtil.ConvertIJavaScriptObjectToXML(o);
   return xml.OuterXML;
  }
 }
}
運行結果如下:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved