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" "">
<script runat="server">
void Page_Load(object sender, EventArgs e)
{
//把类MyDataType注册下
AjaxPro.Utility.RegisterTypeForAjax(typeof(MyDemo.MyDataType));
}
</script>
<html xmlns="" >
<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;
}
}
}
运行结果如下: