Asp.Net教程,WinForm教程,Asp.Net MVC,vs2008教程,vs2010教程,Silverlight技术,源码下载,Asp.Net视频教程
全站热门标签
vs2010 Silverlight 存储过程 水晶报表 ADO.NET JavaScript LINQ AjaxPro DataGridView 面向对象 Extjs GridView XML DevExpress HTML教程 Oracle jQuery 分页 GDI+ Visual C++2010 MySQL Office2010 WPF MVC Dojo WCF4.0 VB.NET Sql2005 textbox cookie WCF WinForm Discuz!NT SQL经典语句 T-SQL checkbox ASPxGridView F# asp.net SQL VS2008新特性 DropDownList Access TreeView Ajax VS2008 页面执行时间 Flex 字符串 回调 VB2005 DataSet C#时间 ASP.NET性能优化 用户在线检测 动画
jQuery JavaScript Html/Css Flex Dojo ExtJSAJAX
当前位置: 主页 > Web编程 > AJAX >

AjaxPro使用之各类型数据(String/List/DataTable)的传递和显示

时间:2010-05-09 01:40来源: 作者:admin 点击:

Default.aspx:

<%@ 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>AjaxPro使用之各类型数据(String/List/DataTable)的传递和显示-Mzwu.Com</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="MyDIV"></div>
    <input id="Button1" type="button" onclick="_Default.ReturnString(String_CallBack);" value="ReturnString" />
    <input id="Button2" type="button" onclick="_Default.ReturnModel(Model_CallBack);"  value="ReturnModel" />
    <input id="Button3" type="button" onclick="_Default.ReturnList(List_CallBack);"  value="ReturnList" />
    <input id="Button4" type="button" onclick="_Default.ReturnDataTable(DataTable_CallBack);"  value="ReturnDataTable" />
    <script type="text/javascript">
    //接收字符串数据
    function String_CallBack(returnValue)
    {
        document.getElementById("MyDIV").innerHTML = returnValue.value;
    }
    
    //接收实体数据
    function Model_CallBack(returnValue)
    {
        var obj = returnValue.value;
        document.getElementById("MyDIV").innerHTML = obj["UserName"] + "," + obj["Age"];
    }
    
    //接收数组
    function List_CallBack(returnValue)
    {
        var arrList = returnValue.value;
        for(var i=0;i<arrList.length;i++)
        {
            document.getElementById("MyDIV").innerHTML += arrList[i]["UserName"] + "," + arrList[i]["Age"] + "<br/>";
        }
    }
    
    //接收DataTable
    function DataTable_CallBack(returnValue)
    {
        var table = returnValue.value;
        for(var i=0;i<table.Rows.length;i++)
        {
            document.getElementById("MyDIV").innerHTML += table.Rows[i]["UserName"] + "," + table.Rows[i]["Age"] + "<br/>";
            //for(var j=0;j<table.Columns.length;j++)
            //{
            //    document.getElementById("MyDIV").innerHTML += table.Rows[i][table.Columns[j].Name] + ",";
            //}
            //
            //document.getElementById("MyDIV").innerHTML += "<br/>";
        }
    }
    </script>
    </div>
    </form>
</body>
</html>
 
 

Default.aspx.cs:
 

using System;
using System.Data;
using System.Configuration;
using System.Collections;
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 System.Collections.Generic;

public partial class _Default : System.Web.UI.Page
{

    protected void Page_Load(object sender, EventArgs e)
    {
        //注册AjaxPro,括号中的参数是当前的类名
        AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
    }

    /// <summary>
    /// 返回字符串
    /// </summary>
    /// <returns></returns>
    [AjaxPro.AjaxMethod]
    public string ReturnString()
    {
        return "URL:http://www.mzwu.com/";
    }

    /// <summary>
    /// 返回实体
    /// </summary>
    /// <returns></returns>
    [AjaxPro.AjaxMethod]
    public UserInfo ReturnModel()
    {
        UserInfo userInfo = new UserInfo("张三",20);
        return userInfo;
    }

    /// <summary>
    /// 返回数组
    /// </summary>
    /// <returns></returns>
    [AjaxPro.AjaxMethod]
    public List<UserInfo> ReturnList()
    {
        List<UserInfo> listUserInfo = new List<UserInfo>();

        listUserInfo.Add(new UserInfo("张三", 20));
        listUserInfo.Add(new UserInfo("李四", 21));
        listUserInfo.Add(new UserInfo("王五", 22));

        return listUserInfo;
    }

    /// <summary>
    /// 返回DataTable
    /// </summary>
    /// <returns></returns>
    [AjaxPro.AjaxMethod]
    public DataTable ReturnDataTable()
    {
        DataTable dt = new DataTable("UserInfo");
        DataColumn dc;
        DataRow dr;

        //---------------------添加字段----------------

        //建立字段1
        dc = new DataColumn();
        dc.DataType = System.Type.GetType("System.Int32");
        dc.ColumnName = "id";
        dc.AutoIncrement = true;//标识
        dc.AutoIncrementSeed = 1;//标识种子
        dc.AutoIncrementStep = 1;//标识递增量
        dt.Columns.Add(dc);
        //建立字段2
        dc = new DataColumn();
        dc.DataType = System.Type.GetType("System.String");
        dc.ColumnName = "UserName";
        dc.AllowDBNull = true;
        dt.Columns.Add(dc);
        //建立字段3
        dc = new DataColumn();
        dc.DataType = System.Type.GetType("System.Int32");
        dc.ColumnName = "Age";
        dc.AllowDBNull = true;
        dt.Columns.Add(dc);
        //设置主键
        DataColumn[] newdc = new DataColumn[1];//可设置多个字段为主键
        newdc[0] = dt.Columns["id"];
        dt.PrimaryKey = newdc;

        //---------------------添加记录----------------

        //记录1
        dr = dt.NewRow();
        dr["UserName"] = "张三";
        dr["Age"] = 20;
        dt.Rows.Add(dr);
        //记录2
        dr = dt.NewRow();
        dr["UserName"] = "李四";
        dr["Age"] = 21;
        dt.Rows.Add(dr);
        //记录3
        dr = dt.NewRow();
        dr["UserName"] = "王五";
        dr["Age"] = 22;
        dt.Rows.Add(dr);

        return dt;
    }
}

#region 用户实体类

/// <summary>
/// 用户实体类
/// </summary>
public class UserInfo
{
    private string _UserName;
    private int _Age;

    public UserInfo(string userName,int age)
    {
        this._UserName = userName;
        this._Age = age;
    }

    /// <summary>
    /// 用户名
    /// </summary>
    public string UserName
    {
        get { return this._UserName;}
        set { this._UserName = value;}
    }

    /// <summary>
    /// 年龄
    /// </summary>
    public int Age
    {
        get { return this._Age;}
        set {this._Age = value;}
    }
}
#endregion

(责任编辑:admin)
Tags:AjaxPro
责任编辑:admin
返回顶部
------分隔线----------------------------
推荐内容
骆驼户外男 真皮磨砂日常休闲鞋 低帮 2011秋冬新款 专柜正品特价 骆驼户外男 真皮磨砂日常休闲鞋 低帮 2011秋冬新款 专柜正品特价
  • JQuery RadioButtonList

    首先介绍程序规则: 1.对以下的选择进行检查,检查是否全部选中 2,所谓的全部选中是指,一行中三个radiobutton必须有一个radiobutton被选中。...

  • JQuery实现智能输入提示(仿机票预订网站)

    最近在研究JQuery框架,JQuery是一套很优秀的JS框架,可以实现很多美观实用的控件。今天给大家推荐一个智能提示的空间,是模仿现在很多机票预订网站的城市智...

  • jQuery得到ashx返回的JSON格式的DataSet的方法

    jQuery得到ashx返回的JSON格式的DataSet的方法...

  • JQuery点击行(tr)实现checkBox选中,反选时移除和添加样式

    用到了三元运算符,和一个自定义的函数。 点击行时效果代码: $( tr ).live( click , function (){ if ($( this ).h...

  • 用jQuery模仿新浪微博时间组件

    废话不多说,实现原理主要是处理table,生成tr td,其中最重要的是如何找出每月第一天是星期几,然后就能对应出这个月的余下天数. 首先,说下有些人说这是重复...

  • Jquery之Ajax运用_学习运用篇

    JQuery中Ajax的运用相信很多人都已熟悉,本文主要是记录下个人实践中的应用知识,旨在加强记忆。 还是先说一些 基础知识: 语法:$.ajax({optio...

  • JQuery单选按钮和多选按钮状态判断

    function check_required() { var valid = true; var required=new Array; $(.require...

  • jQuery AJAX的小应用——手机号码归属地查询

    jQuery AJAX的小应用手机号码归属地查询 想测试下jQuery调用个第三方的WebService,利用 jQuery 的 $.get(url, data...

  • 多标签折页(jQuery示例)

    现在的垃圾留言越来越智能,并且从留言内容几乎看不出来是垃圾留言,而大量的垃圾留言会导致文章可读性下降,并可能会被搜索引擎惩罚,经过一段时间的分析和思考,我发现一...

  • JQuery 文本框高亮显示插件

    JQuery 中没有这个方法,自己今天写了一个Plugin,把代码贴出来分享一下; 代码如下: jquery-highlight.js /* descripti...

  • jquery的select插件

    Jquery是可以操作select表单控件的,比较反锁,下面是收集来的一个插件,还不错,能满足基本的选择。 可以使用这样的引入: type=text/javas...

  • 使用Jquery完成图片的预加载

    // 定义预加载图片列表的函数(有参数) jQuery.preloadImages = function (){ // 遍历图片 for ( var i = 0...

  • jQuery在asp.net中实现图片自动滚动

    时间真快,不知不觉12月已经过了一半了,新的一年即将到来。有段时间没写东西了,技术这东东天天都在更新,天天都是一个新面孔,如果不坚持学习肯定就会落在队尾。要想跟...

  • JQuery遍历表格指定列

    script type=text/javas cript $(function(){ $(#tb tr:gt(0)).each(function(){ var ...

  • AJAX无刷新下拉框联动

    AJAX无刷新下拉框联动的简单示例,分别使用了AJAX组件和xmlHttp异步刷新两种方式。 前台代码: %...@ Page Language=C# Auto...