Ajax在.NET中与Server控件的交互

<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 160x600, 创建于 08-4-23MSDN */ google_ad_slot = "4367022601"; google_ad_width = 160; google_ad_height = 600; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
【导读】本文解释如何利用Ajax组件实现能让它跟Server控件交互,并以一个输出一个列表实例讲解,实现与datagrid的交互

利用Ajax组件怎样能让它跟Server控件交互呢,例如输出一个列表,就只有用js一条一条html的输出吗?当然不是,现在可以与datagrid交互

注:Ajax的.NET组件可以到此网下载,本文用的是for .NET 1.1版本的。http://Ajax.schwarz-interactive.de/

1. 在引用中添加引用Ajax.dll。(这个很废话)

2.在web.config中建立HttpHandler(这个当然是在system.web串里的)

<httpHandlers> 

<add verb="POST,GET" path="

3.在Global的Application_Start里加上个设置

protected void Application_Start(Object sender, EventArgs e) 

{

 

4.新建一个类DemoMethods,这个类里面提供了更新数据库和输出列表的方法。其实主要思想就是获得控件运行后生成的html,然后输出。

1 [

5 SqlConnection conn = new SqlConnection(

System.Configuration.ConfigurationSettings.AppSettings["connectionString"] );

6  SqlCommand cmd = new SqlCommand("insert into AjaxTable(name) values(’"+name+"’)", conn);

7  cmd.Connection.Open();

8  int result = cmd.ExecuteNonQuery();

9  conn.Dispose();

10  cmd.Dispose();

11  return result;

12 }

13

14 [Ajax.AjaxMethod]

15 public string GetAjaxTable()

16 {

17  //这个方法就是拿到datagrid生成出来的html

18  SqlConnection conn = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings["connectionString"]);

19  SqlCommand cmd = new SqlCommand("select * from AjaxTable order by id", conn);

20  SqlDataAdapter ap = new SqlDataAdapter( cmd );

21  DataSetds = new DataSet();

22  ap.SelectCommand.Connection.Open();

23  ap.Fill( ds, "db" );

24

25  conn.Dispose();

26  cmd.Dispose();

27

28  //实例化一个datagird类并设置好数据源

29  DataGrid dg = new DataGrid();

30  dg.DataSource = ds.Tables["db"];

31  dg.DataBind();

32

33  //实例化一个HtmlTextWriter的类

34  System.Text.StringBuilder strb = new System.Text.StringBuilder();

35  System.IO.StringWriter sw = new System.IO.StringWriter( strb );

36  System.Web.UI.HtmlTextWriter htw = new HtmlTextWriter( sw );

37

38  //执行控件的render并输出到HtmlTextWriter里

39  dg.RenderControl( htw );

40

41  string s = strb.ToString();

42

43  return s;//最后就是返回这个html啦

44 }

5.然后再建一个default.js文件,用作存放 js方法

function Add

6.建一个default.aspx,在pageload事件里面加个注册的东西

private void Page_Load(
                        
object sender, System.EventArgs e) 

{

 

7.最后就是default.aspx的html和js了。

<%@ Page language="c#" Codebehind="default.aspx.cs"
                        
 AutoEventWireup="false" Inherits="
 content="http://schemas.microsoft.com/intellisense/ie5"> 



</HEAD>

<body onload="LoadGrid()">

<form id="Form1" method="post" runat="Server">

<INPUT type="text" id="AddTextBox" maxlength="10">
<INPUT type="button" value="添加" 
                        
onclick="javascript:Add

这样,就能使用datagrid来输出表格了。总体思路其实还是比较简单的。 <script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 160x600, 创建于 08-4-23MSDN */ google_ad_slot = "4367022601"; google_ad_width = 160; google_ad_height = 600; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
阅读更多
个人分类: .net
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭