博客园_胡亚东

.NET Page对象各事件执行顺序

2012-05-14T02:28:00Z

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;

public partial class _Default : Page
{
protected void Page_Load(object sender, EventArgs e)
{

}

#region OnPreInit 第一步
protected override void OnPreInit(EventArgs e)
{
//检查 IsPostBack 属性来确定是不是第一次处理该页。

//创建或重新创建动态控件。

//动态设置主控页。

//动态设置 Theme 属性。

//读取或设置配置文件属性值。

//注意
//如果请求是回发请求，则控件的值尚未从视图状态还原。如果在此阶段设置控件属性，则其值可能会在下一事件中被重写。
base.OnPreInit(e);
}
#endregion

#region OnInit 第二步
protected override void OnInit(EventArgs e)
{
//在所有控件都已初始化且已应用所有外观设置后引发。使用该事件来读取或初始化控件属性。
base.OnInit(e);
}
#endregion

#region OnInitComplete 第三步
protected override void OnInitComplete(EventArgs e)
{
//由 Page 对象引发。使用该事件来处理要求先完成所有初始化工作的任务。

base.OnInitComplete(e);
}
#endregion

#region PreLoad 第四步
protected override void OnPreLoad(EventArgs e)
{
//如果需要在 Load 事件之前对页或控件执行处理，请使用该事件。

//在 Page 引发该事件后，它会为自身和所有控件加载视图状态，然后会处理 Request 实例包括的任何回发数据。

base.OnPreLoad(e);
}
#endregion

#region OnLoad 第五步
protected override void OnLoad(EventArgs e)
{
//Page 在 Page 上调用 OnLoad 事件方法，然后以递归方式对每个子控件执行相同操作，如此循环往复，直到加载完本页和所有控件为止。
//使用 OnLoad 事件方法来设置控件中的属性并建立数据库连接。

base.OnLoad(e);
}
#endregion

#region 控件事件第六步
protected void Button1_Click(object sender, EventArgs e)
{
//用这些事件来处理特定控件事件，如 Button 控件的 Click 事件或 TextBox 控件的 TextChanged 事件。

//注意
//在回发请求中，如果页包含验证程序控件，请在执行任何处理之前检查 Page 和各个验证控件的 IsValid 属性。
}
#endregion

#region OnLoadComplete 第七步
protected override void OnLoadComplete(EventArgs e)
{
//对需要加载页上的所有其他控件的任务使用该事件。

base.OnLoadComplete(e);
}
#endregion

#region OnPreRender 第八步
protected override void OnPreRender(EventArgs e)
{
//在该事件发生前：

//Page 对象会针对每个控件和页调用 EnsureChildControls。

//设置了 DataSourceID 属性的每个数据绑定控件会调用 DataBind 方法。有关更多信息，请参见下面的数据绑定控件的数据绑定事件。

//页上的每个控件都会发生 PreRender 事件。使用该事件对页或其控件的内容进行最后更改。

base.OnPreRender(e);
}
#endregion

#region SaveStateComplete 第九步
protected override void OnSaveStateComplete(EventArgs e)
{
//在该事件发生前，已针对页和所有控件保存了 ViewState。将忽略此时对页或控件进行的任何更改。

//使用该事件执行满足以下条件的任务：要求已经保存了视图状态，但未对控件进行任何更改。

base.OnSaveStateComplete(e);
}
#endregion

#region Render 第十步
//Render
//这不是事件；在处理的这个阶段，Page 对象会在每个控件上调用此方法。所有 ASP.NET Web 服务器控件都有一个用于写出发送给浏览器的控件标记的 Render 方法。

//如果创建自定义控件，通常要重写此方法以输出控件的标记。不过，如果自定义控件只合并标准的 ASP.NET Web 服务器控件，不合并自定义标记，则不需要重写 Render 方法。有关更多信息，请参见开发自定义 ASP.NET 服务器控件。

//用户控件（.ascx 文件）自动合并呈现，因此不需要在代码中显式呈现该控件。

#endregion

#region OnUnload 第十一步
protected override void OnUnload(EventArgs e)
{
//该事件首先针对每个控件发生，继而针对该页发生。在控件中，使用该事件对特定控件执行最后清理，如关闭控件特定数据库连接。

//对于页自身，使用该事件来执行最后清理工作，如：关闭打开的文件和数据库连接，或完成日志记录或其他请求特定任务。

//注意
//在卸载阶段，页及其控件已被呈现，因此无法对响应流做进一步更改。如果尝试调用方法（如 Response.Write 方法），则该页将引发异常。
base.OnUnload(e);
}
#endregion
}

本文链接

Linq数据类型转换

2011-12-13T08:25:00Z

通过使用 LINQ 查询，可以将源序列用作输入，并采用多种方式修改它以创建新输出序列。可以通过排序和分组来修改序列本身，而不必修改元素本身。但是，LINQ 查询最强大的功能可能在于它能够创建新类型，这一功能在 select 子句中实现。

（一）Student

public class Student
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public int Unid { get; set; }
    public List<int> Scores { get; set; }
}

复制代码

（二）选择源元素子集

学生列表集合

复制代码

（1）选择一个成员

·选择FirstName

var list = from p in _list select p.FirstName;

foreach (string s in list)
Console.WriteLine(s);

复制代码

这里可以使用匿名类型。因为select部分为字符串类型，所以，也可以是字符串型泛型集合

List<string> list = (from p in _list
select p.FirstName).ToList<string>();
foreach (string s in list)
Console.WriteLine(s);

复制代码

·选择Scores

这里为整型泛型集合，

可以使用匿名类型

var list1 = from p in _list select p.Scores;

foreach (var l in list1)
{
foreach (int i in l)
Console.WriteLine(i);
}

复制代码

因为结果集为整型泛型集合，所以也可以使用

List<List<int>> list = (from p in _list
select p.Scores).ToList<List<int>>();

foreach (List<int> l in list)
{
foreach (int i in l)
Console.WriteLine(i);
}

复制代码

（2）选择多个成员

·使用匿名类型

var q = from p in _list
select new { Name = p.FirstName + "·" + p.LastName };

foreach (var x in q)
Console.WriteLine(x.Name);

复制代码

其中select返回部分也为一个复合类型，所以在访问时，要以元素的.Name来访问。

如果使用匿名类型时，不采用别名赋值的话，会有异常：

无效的匿名类型成员声明符。匿名类型成员必须使用赋值、简单名称或成员访问来声明。

·使用命名对象

新建Sample类

public class Sample
{
public string Name { get; set; }
}

复制代码

使用

var q = from p in _list
select new Sample { Name = p.FirstName + "·" + p.LastName };

foreach (var x in q)
Console.WriteLine(x.Name);

复制代码

发现与匿名类型复合值时相近。其实也就是：

List<Sample> list= (from p in _list
select new Sample { Name = p.FirstName + "·" + p.LastName }).ToList<Sample>();

foreach (Sample x in list)
Console.WriteLine(x.Name);

复制代码

（三）转换为Xml

还是用上边那那个学生集合

List<Student> _list = new List<Student>()
{
new Student {FirstName="Svetlana", LastName="Omelchenko",
             Unid=111, Scores = new List<int>{97, 92, 81, 60}},

new Student {FirstName="Claire", LastName="O’Donnell",
             Unid=112, Scores = new List<int>{75, 84, 91, 39}},

new Student {FirstName="Sven", LastName="Mortensen",
             Unid=113, Scores = new List<int>{88, 94, 65, 91}}
            };

var xele = new XElement("Students",
              from student in _list
let x = String.Format("{0},{1},{2},{3}",
student.Scores[0],
student.Scores[1],
student.Scores[2],
student.Scores[3])

                select new XElement("student",
                    new XElement("FirstName",student.FirstName),
                    new XElement("LastName", student.LastName),
                    new XElement("Unid", student.Unid),
                    new XElement("Scores", x)
                    )
                );

Console.WriteLine(xele);

复制代码

现在分析一下：

（1）Xelement元素的构造方法

public XElement(XName name,Object[] content)

（2）上边的生成xml的构造方法其实使用的就是这个

第一部分："Students"为根元素

而下边那么多其实是一行的内容，即占用第二个参数，要记住一句话
查询在select中实现。所以意思就是返回Xelement类型的结果集，而这个结果集正好为构造方法中Object[] content部分。

可知道student这个元素包含4个子节点。而Scores这里是List<int>类型，所以设定了返回类型及格式为字符串且用逗号隔开。（Let：可以将表达式结果存放在新的范围变量中）。

本文链接

js提交按钮事件

2011-05-10T06:11:00Z

之前总是粗心大意的写成onclick()或者是submit()

但是总是出错。呵呵~

正确的做法为：click()。。总结记录下，希望以后自己或有同样错误的朋友注意。。

document.getElementById("btnSubmit").click();

本文链接

Page_ClientValidate()js中判断验证控件是否通过

2011-05-10T06:07:00Z

if(Page_ClientValidate())
{
return true;//验证通过
}
else
{
return false;
}

本文链接

关于Silverlight页面跳转的总结(转)

2011-03-23T03:44:00Z

一、Frame框架跳转的运用：

新建一个MainPage.xaml页面，输入以下代码：

</StackPanel>
<navigation:Frame x:Name="tgFrame" FontSize="14" Source="MainPage.xaml" Margin="2" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch"/>

</StackPanel>

再新建两个页面，分别为：Page1.xaml，Page2.xaml，在Page1.xaml中输入以下代码：

再在Page2.xaml中输入以下代码：

完成！

二、XAML页面间的跳转：

可以先在App.xaml后台代码中定义一个对象：
Grid rootGrid = new Grid();
同时在App.xaml后台代码中新增一个方法：
////////////////
/// <summary>
/// 页面跳转
/// </summary>
/// <param name="usercontrol"></param>
public static void RedirectTo(UserControl usercontrol)
{
App app = (App)Application.Current;
app.rootGrid.Children.Clear();
app.rootGrid.Children.Add(usercontrol);
}

然后将App.xaml中的以下方法修改为如下代码：

private void Application_Startup(object sender, StartupEventArgs e)
         {
               this.RootVisual = rootGrid;
               rootGrid.Children.Add(new MainPage());
         }

在以后的Xaml页面的跳转Button响应事件中，直接通过以下方式处理：
App.RedirectTo(new MyXXXaml());

三、XAML页面跳转到aspx（或html）页面，在响应事件中键入以下代码即可：

     HtmlWindow html = HtmlPage.Window;
     html.Navigate(new Uri("Default.aspx", UriKind.Relative));
四、页面传值（转载）：
关于页面传值我仅仅说一下我的方式，当让网上也有其他的关于页面之间传值的方法。主要是使用独立存储的IsolatedStorageSettings对象，首先在UserControl中创建对象：
private IsolatedStorageSettings appSettings = IsolatedStorageSettings.ApplicationSettings;然后在Button事件中加入如下代码，用于传值：
if (!appSettings.Contains("Page2"))
   appSettings.Add("Page2", "UserName");

OK了，在目标页面获取值的方式就简单了.
if (appSettings.Contains("Page2"))
txbShowvalue.Text = "User Name: " + appSettings["Page2"].ToString();

需要注意的一点是这个获取值的代码不要写在页面的构造函数里面，有可能不会触发，原因是在上面对象已经保存在内存中了，但是会触发Loaded事件，因此可以把代码放到这个事件里面。

本文链接

在下载txt文件的时候不在IE里面直接打开，而是下载

2011-03-16T09:31:00Z

方法一：

SmartUpload su = new SmartUpload();

// 初始化 su.initialize(pageContext);

// 设定contentDisposition为null以禁止浏览器自动打开文件，

//保证点击链接后是下载文件。若不设定，则下载的文件扩展名为

//doc时，浏览器将自动用word打开它。扩展名为pdf时，

//浏览器将用acrobat打开。

su.setContentDisposition(null);

=============================

方法二：

<%
// example:
// <a href="download.jsp?path=img/&name=test.gif">download image</a>

String root = getServletContext().getRealPath("/");
String path = request.getParameter("path");
String name = request.getParameter("name");

response.setContentType("unknown");
response.addHeader("Content-Disposition", "filename=\"" + name + "\"");

try
{
java.io.OutputStream os = response.getOutputStream();
java.io.FileInputStream fis = new java.io.FileInputStream(root + path + name);

byte[] b = new byte[1024];
int i = 0;

while ( (i = fis.read(b)) > 0 )
{
os.write(b, 0, i);
}

fis.close();
os.flush();
os.close();
}
catch ( Exception e )
{
}
%>
==============================

方法三：

</script>
<iframe id="frame1" style="display:none"></iframe>
<a onClick="go('java.txt')" class="style2">下载</a>

本文链接

silverlight窗体之间传值的实现

2011-03-02T09:52:00Z

1.只有切換頁面

2.加上頁面傳值的功能

第一部份：切換頁面

同樣的先建立一個新的Silverlight專案

分別建立兩個User Control，並且名命為PageSwitcher、Page2

建立完成的結果

接著修改PageSwitcher.xaml.cs

public partial class PageSwitcher : UserControl
    {
        public PageSwitcher()
        {
            InitializeComponent();

                //將一開始頁面指定為page UI
                this.Content = new Page();

        }
        //這裡是處理切換到下一頁的方法
        public void Navigate(UserControl nextPage)

            this.Content = nextPage;
        }
    }

然後現在要做第一頁設計頁的部分(Page.xaml)

而Page.xaml.cs程式碼如下

public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            GotoPage2.Click += new RoutedEventHandler(GotoPage2_Click);
        }
       //當按下"我想去第二頁"
        void GotoPage2_Click(object sender, RoutedEventArgs e)
        {
            //建立樹狀結構中的父物件
            PageSwitcher ps = this.Parent as PageSwitcher;
            //將UI置換成Page2
            ps.Navigate(new Page2());
        }
    }

然後是第二頁Page2的部份，基本上跟第一頁是一樣的

Page2.xaml

Page2.xaml.cs

public partial class Page2 : UserControl
    {
        public Page2()
        {
            InitializeComponent();
            GotoPage1.Click += new RoutedEventHandler(GotoPage1_Click);
        }
        //按下按鈕回第一頁
        void GotoPage1_Click(object sender, RoutedEventArgs e)
        {
            PageSwitcher ps = this.Parent as PageSwitcher;
            ps.Navigate(new Page());

        }
    }

最後把App.xaml.cs修改一下

public App()
        {
            this.Startup += this.Application_Startup;
            this.Exit += this.Application_Exit;
            this.UnhandledException += this.Application_UnhandledException;

            InitializeComponent();
        }

        private void Application_Startup(object sender, StartupEventArgs e)
        {
            //只有修改這一段，主要應用程式UI改為PageSwitcher
            this.RootVisual = new PageSwitcher();
        }

        private void Application_Exit(object sender, EventArgs e)
        {

        }

這樣第一階段就完成了

第二部份：加入頁面傳值功能

雖然上面已做完換頁動作，但很多情況必須傳遞參數才能達到你要的目的，但是相對來說就比較麻煩一點了

建立一個新的Class，命名為Switcher.cs、ISwitchable.cs

Switcher.cs

public static class Switcher
    {
        public static PageSwitcher pageSwitcher;

        //只要切換頁面但不傳值
        public static void Switch(UserControl newPage)
        {
            pageSwitcher.Navigate(newPage);
        }
        //切換頁面並且傳值
        public static void Switch(UserControl newPage, object state)
        {
            pageSwitcher.Navigate(newPage, state);
        }
    }

ISwitchable.cs ：這主要是要建立一個interface來共用並且傳值

在 namespace　裡有這段code就可以

    public interface ISwitchable
    {
        void UtilizeState(object state);
    }

再修改PageSwitcher.xml.cs

public partial class PageSwitcher : UserControl
    {
        public PageSwitcher()
        {
            InitializeComponent();
        }
        //這裡是處理切換到下一頁的方法
        public void Navigate(UserControl nextPage)
        {
            this.Content = nextPage;
        }
        //這是有傳值的
        public void Navigate(UserControl nextPage, object state)
        {

            this.Content = nextPage;
            //借由ISwitchable傳值
            ISwitchable s = nextPage as ISwitchable;
            s.UtilizeState(state);
        }
    }

回去改第一頁的版面Page.xaml

Page.xaml.cs

public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            GotoPage2.Click += new RoutedEventHandler(GotoPage2_Click);
        }
       //當按下"我想去第二頁"
        void GotoPage2_Click(object sender, RoutedEventArgs e)
        {

            Switcher.Switch(new Page2(), YourName.Text);//這裡會加上要傳的值
        }
    }

第二頁的版面Page2.xaml

Page2.xaml.cs

public partial class Page2 : UserControl, ISwitchable //要記得加上interface 才能繼承
    {
        public Page2()
        {
            InitializeComponent();
            GotoPage1.Click += new RoutedEventHandler(GotoPage1_Click);
        }
        //按下按鈕回第一頁
        void GotoPage1_Click(object sender, RoutedEventArgs e)
        {
            Switcher.Switch(new Page());
        }
        //這一段很重要，在繼承interface時要再實做出來
        public void UtilizeState(object state)
        {
            MyName.Text = state as string;
        }
    }

最後也是去修改

App.xaml.cs

public App()
        {
            this.Startup += this.Application_Startup;
            this.Exit += this.Application_Exit;
            this.UnhandledException += this.Application_UnhandledException;

            InitializeComponent();
        }

        private void Application_Startup(object sender, StartupEventArgs e)
        {

            PageSwitcher pageSwitcher = new PageSwitcher();
            //主要應用程式UI為PageSwitcher
            this.RootVisual = pageSwitcher;
            //把PageSwitcher傳給Switcher，並交由它切換頁面
            Switcher.pageSwitcher = pageSwitcher;
            Switcher.Switch(new Page());
        }

        private void Application_Exit(object sender, EventArgs e)
        {

        }

可以把PageSwitcher.xaml.cs再修改以方便除錯

public void Navigate(UserControl nextPage, object state)
        {

            this.Content = nextPage;
            //借由ISwitchable傳值
            ISwitchable s = nextPage as ISwitchable;
            if (s != null)
            {
                s.UtilizeState(state);
            }
            else
            {
                throw new ArgumentException("不具有傳遞值的頁面"
                  + nextPage.Name.ToString());
            }
        }

本文链接

父窗体取得子窗体返回的值

2011-03-02T09:49:00Z

新建Silverlight子窗口

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightXML
{
    public partial class ChildWindow1 : ChildWindow
    {
        public string resultVal = "空";//子窗体中设置public
        public ChildWindow1()
        {
            InitializeComponent();
        }

        private void OKButton_Click(object sender, RoutedEventArgs e)
        {
            resultVal = txtInput.Text;//前台放个输入框
            txtInput.Text = "";
            this.DialogResult = true;
        }

        private void CancelButton_Click(object sender, RoutedEventArgs e)
        {
            this.DialogResult = false;
        }
    }
}

父窗体中调用

namespace SilverlightXML
{
    public partial class TestPage3 : UserControl
    {
        ChildWindow1 child = new ChildWindow1();
        public TestPage3()
        {
            InitializeComponent();
            child.Closed += new EventHandler(Child_Close); //在父窗体注册子窗体的关闭事件
        }
        private void Child_Close(object sender, EventArgs e)
        {
            bool? result = child.DialogResult;

            if (result.HasValue && result.Value)
            {
                MessageBox.Show("子窗体返回：" + child.resultVal);
            }
        }
        private void btnChild_Click(object sender, RoutedEventArgs e)
        {
            child.Show();
        }
    }
}

原文来自：雨枫技术教程网 http://www.fengfly.com/
原文网址：http://www.fengfly.com/plus/view-191851-1.html

本文链接

使用观察者模式在 Silverlight 中切换用户控件

2011-03-02T09:48:00Z

使用观察者模式在 Silverlight 中切换用户控件
有一篇技巧,见
http://tech.sina.com.cn/s/2008-07-03/1528718607.shtml
或
http://kb.cnblogs.com/page/42897/?page=1
讨论的是运用InitParams在Silverlight 2应用程序中切换用户控件,这是个很笨但是直观的解决方式。
但如果在控件中传值，那将怎么办？以上方法将毫无用途！
今天在一个老外的博客看到有个很巧妙的方法，不敢独享，现分享出来：
首先写个接口：
namespace PageSwitchSimple
{
public interface ISwitchable
{
    void UtilizeState( object state );
}
}
然后写个切换类：
using System.Windows.Controls;
namespace PageSwitchSimple
{
public static class Switcher
{
    public static PageSwitcher pageSwitcher;
    public static void Switch( UserControl newPage )
    {
      pageSwitcher.Navigate( newPage );
    }
    public static void Switch( UserControl newPage, object state )
    {
      pageSwitcher.Navigate( newPage, state );
    }
}
}
PageSwitcher 成员类：
前台代码：
<UserControl x:Class="PageSwitchSimple.PageSwitcher"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800" Height="600">
</UserControl>
后台代码：
using System;
using System.Windows.Controls;
namespace PageSwitchSimple
{
public partial class PageSwitcher : UserControl
{
    public PageSwitcher()
    {
      InitializeComponent();
    }
    public void Navigate( UserControl nextPage )
    {
      this.Content = nextPage;
    }
    public void Navigate( UserControl nextPage, object state )
    {
      this.Content = nextPage;
      ISwitchable s = nextPage as ISwitchable;
      //这里真是太巧妙了，用于传object 参数！
      if ( s != null )
      {
        s.UtilizeState( state );
      }
      else
      {
        throw new ArgumentException( "nextPage is not ISwitchable! "
          + nextPage.Name.ToString() );
      }
    }
}
}
然后写两个实现接口ISwitchable的用户控件：
控件一：
<UserControl x:Class="PageSwitchSimple.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
    <TextBlock Text="Your Name: " FontSize="18" />
    <TextBox x:Name="Name" FontSize="18" Width="150" Height="35" VerticalAlignment="Top" Margin="5"/>
    <Button x:Name="ChangePage" Content="Change" FontSize="18" Width="100" Height="50" />
</Grid>
</UserControl>
后台代码：
using System.Windows;
using System.Windows.Controls;
namespace PageSwitchSimple
{
public partial class Page : UserControl, ISwitchable
{
    public Page()
    {
      InitializeComponent();
      ChangePage.Click += new RoutedEventHandler( ChangePage_Click );
    }
    void ChangePage_Click( object sender, RoutedEventArgs e )
    {
      Switcher.Switch( new Page2(), Name.Text );
    }
}
}
控件二：
<UserControl x:Class="PageSwitchSimple.Page2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="Bisque">
    <TextBlock x:Name="Message" Text="Page2" FontSize="18" />
    <Button x:Name="ChangePage" Content="Change" FontSize="18" Width="100" Height="50" />
</Grid>
</UserControl>
后台代码：
using System.Windows;
using System.Windows.Controls;
namespace PageSwitchSimple
{
public partial class Page2 : UserControl, ISwitchable
{
    public Page2()
    {
      InitializeComponent();
      ChangePage.Click += new RoutedEventHandler( ChangePage_Click );
    }
    public void UtilizeState( object state )
    {
      Message.Text = state.ToString();
    }
    void ChangePage_Click( object sender, RoutedEventArgs e )
    {
      Switcher.Switch( new Page() );
    }
}
}
最后修改App.cs
    private void Application_Startup( object sender, StartupEventArgs e )
    {
      PageSwitcher pageSwitcher = new PageSwitcher();
      this.RootVisual = pageSwitcher;
      Switcher.pageSwitcher = pageSwitcher;
      Switcher.Switch( new Page() );
    }
巧妙运用了观察者模式，佩服作者的思路。

本文链接

jquery异步调用页面后台方法‏

2011-03-01T07:38:00Z

jquery调用页面后台方法‏如下：

给出了两个简单的例子，无参数的和有参数的，返回的都是json数据。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %>

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

$(document).ready(function() {

$("input[type='button'][value='GetDate']").click(function() {

$.ajax({

type: "post",

url: "JqueryCSMethodForm.aspx/GetNowDate",

datatype: "json",

contentType: "application/json; charset=utf-8",

success: function(data) {

$("input#showTime").val(eval('(' + data.d + ')')[0].nowtime);

error: function(XMLHttpRequest, textStatus, errorThrown) {

alert(errorThrown);

}

});

$("input[type='button'][value='GetOneDayLater']").click(function() {

$.ajax({

type: "post",

url: "JqueryCSMethodForm.aspx/GetOneDayLate",

data:"{days:1}",

datatype: "json",

contentType: "application/json; charset=utf-8",

success: function(data) {

$("input#showTime").val(eval('(' + data.d + ')')[0].nowtime);

error: function(XMLHttpRequest, textStatus, errorThrown) {

alert(errorThrown);

}

});

</script>

</head>

<body>

<div>

</div>

</form>

</body>

</html>

CS代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.Services;

namespace JQuerWeb

{

public partial class JqueryCSMethodForm : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

[WebMethod]

public static String GetNowDate()

{

return "[{\"nowtime\":\"" + DateTime.Now.ToShortDateString() + "\"}]";

}

[WebMethod]

public static String GetOneDayLate(Int32 days)

{

return "[{\"nowtime\":\"" + DateTime.Now.AddDays(days).ToShortDateString() + "\"}]";

}

注意点：

(1) url的填写格式　url+"/method name"

(2) contentType: "application/json; charset=utf-8", 这个必须要有

(3) 返回数据的类型为json

(4) data:"{days:1}",参数的传递

(5) 后台的方法必须是public static 而且还要有 [WebMethod]特性修饰

本文链接