我的第一个AJAX测试小程序
CS页面：
1
using System;
2using System.Collections;
3using System.ComponentModel;
4using System.Data;
5using System.Drawing;
6using System.Web;
7using System.Web.SessionState;
8using System.Web.UI;
9using System.Web.UI.WebControls;
10using System.Web.UI.HtmlControls;
11using System.Text;
12using System.Data.OracleClient;
13using System.IO;
14
15namespace Sun.ComponentArts
16
{
17
/**//// <summary>
18
/// AJAX1 の概要の説明です。
19
/// </summary>
20 public class AJAX1 : System.Web.UI.Page
21 {
22
23 private void Page_Load(object sender, System.EventArgs e)
24 {
25 Ajax.Utility.RegisterTypeForAjax(typeof(AJAX1));
26 }
27
28 [Ajax.AjaxMethod()]
29 public int ServerSideAdd(int firstNumber, int secondNumber)
30 {
31 return firstNumber + secondNumber;
32 }
33
34
35 [Ajax.AjaxMethod]
36 public string buildGrid(int startRecord)
37 {
38 StringBuilder strb = new StringBuilder();
39 try
40 {
41 OracleConnection dbCon = new OracleConnection(“Data Source=mic; User ID=claimWork; Password=bitoc“);
42 dbCon.Open();
43
44 string sql = “select t.payment_num, t.billed_num, t.cust_num, t.entry_timestamp from t_payment t order by t.payment_num“;
45 OracleDataAdapter dbAdapter = new OracleDataAdapter(sql, dbCon);
46 DataSet ds = new DataSet();
47 dbAdapter.Fill(ds, startRecord, 15, “Table1“);
48
49 DataGrid dg = new DataGrid();
50 dg.DataSource = ds.Tables[“Table1“];
51 dg.DataBind();
52
53 strb = new StringBuilder();
54
55 StringWriter sw = new StringWriter(strb);
56
57 HtmlTextWriter writer = new HtmlTextWriter(sw);
58 dg.RenderControl(writer);
59
60 return strb.ToString();
61 }
62 catch(Exception ex)
63 {
64 return strb.ToString();
65 }
66 }
67
68 Web フォーム デザイナで生成されたコード#region Web フォーム デザイナで生成されたコード
69 override protected void OnInit(EventArgs e)
70 {
71 //
72 // CODEGEN: この呼び出しは、ASP.NET Web フォーム デザイナで必要です。
73 //
74 InitializeComponent();
75 base.OnInit(e);
76 }
77
78 /**//// <summary>
79 /// デザイナ サポートに必要なメソッドです。このメソッドの内容を
80 /// コード エディタで変更しないでください。
81 /// </summary>
82 private void InitializeComponent()
83 {
84 this.Load += new System.EventHandler(this.Page_Load);
85
86 }
87 #endregion
88
89
90
91
92 }
93
}
94
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
HTML页面：
<%@ Page language=“c#“ Codebehind=“AJAX1.aspx.cs“ AutoEventWireup=“false“ Inherits=“Sun.ComponentArts.AJAX1“ %>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN” >
<HTML>
<HEAD>
<title>AJAX1</title>
<script language=”javascript”>
var iCount = 0;
function NextMove()
{
iCount = iCount + 10;
AJAX1.buildGrid(iCount, buildGrid_CallBack);
}
function PreviousMove()
{
if(iCount > 0)
{
iCount = iCount – 10;
AJAX1.buildGrid(iCount, buildGrid_CallBack);
}
}
function buildGrid_CallBack(response){
var cc=document.all(“table1“);
cc.innerHTML = response.value;
}
</script>
</HEAD>
<body>
<form id=”Form1″ method=”post” runat=”server”>
<table>
<tr>
<td><input type=”button” id=”btnDisplay” name=”btnDisplay” value=”CallBackDisplay” onclick=”AJAX1.buildGrid(0, buildGrid_CallBack);”></td>
</tr>
<tr>
<td><div id=”table1″ name=”table1″></div></td>
</tr>
<tr>
<td>
<input type=”button” id=”btnPrevious” name=”btnPrevious” value=”Previous” onclick=”PreviousMove();”>
<input type=”button” id=”btnNext” name=”btnNext” value=”Next” onclick=”NextMove();”>
</td>
</tr>
</table>
</form>
</body>
</HTML>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN” >
<HTML>
<HEAD>
<title>AJAX1</title>
<script language=”javascript”>
var iCount = 0;
function NextMove()
{
iCount = iCount + 10;
AJAX1.buildGrid(iCount, buildGrid_CallBack);
}
function PreviousMove()
{
if(iCount > 0)
{
iCount = iCount – 10;
AJAX1.buildGrid(iCount, buildGrid_CallBack);
}
}
function buildGrid_CallBack(response){
var cc=document.all(“table1“);
cc.innerHTML = response.value;
}
</script>
</HEAD>
<body>
<form id=”Form1″ method=”post” runat=”server”>
<table>
<tr>
<td><input type=”button” id=”btnDisplay” name=”btnDisplay” value=”CallBackDisplay” onclick=”AJAX1.buildGrid(0, buildGrid_CallBack);”></td>
</tr>
<tr>
<td><div id=”table1″ name=”table1″></div></td>
</tr>
<tr>
<td>
<input type=”button” id=”btnPrevious” name=”btnPrevious” value=”Previous” onclick=”PreviousMove();”>
<input type=”button” id=”btnNext” name=”btnNext” value=”Next” onclick=”NextMove();”>
</td>
</tr>
</table>
</form>
</body>
</HTML>
版权声明：本文为sunyong原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。