jQuery的Ajax提交

本人原创: 如转载, 请不要删除链接地址: http://blog.youkuaiyun.com/yenange/

1. Student.cs

using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

///
///Student 的摘要说明
///
public class Student
{
public Student(){}
public Student(int id, string name, int age)
{
this.Id = id;
this.Name = name;
this.Age = age;
}
public int Id { get; set; }
public string Name { get; set; }
public int Age { get; set; }
}

2.Data.cs

using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Collections.Generic;

///
///Data 的摘要说明
///
public class Data
{
public static List< Student > list = new List{
new Student(1,"王大明",25),
new Student(2,"刘小涛",23),
new Student(3,"吴华",22)
};

public Data()
{
}
}

3.StartPage.aspx

[%@ Page Language="C#" AutoEventWireup="true" CodeFile="StartPage.aspx.cs" Inherits="StartPage" %>

[!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>无标题页[/title>
[script src="js/jquery-1.4.2.min.js" type="text/javascript">[/script>
[script type="text/javascript">
$(function(){
$("#resText").load("ShowStudents.aspx");
$("#send").click(function(){
$.get("ShowStudents.aspx", $("#form1").serialize() , function (data, textStatus){
$("#resText").html(data);
}
);
})
})
[/script>
[/head>
[body>
[form id="form1" action="#">
[div>
[table style="width:400px;">
[input id="action" name="action" type="hidden" value="add" />
[tr>
[td>
Id:[/td>
[td>
[input id="Id" name="Id" type="text" />[/td>
[/tr>
[tr>
[td>
Name:[/td>
[td>
[input id="Name" name="Name" type="text" />[/td>
[/tr>
[tr>
[td>
Age:[/td>
[td>
[input id="Age" name="Age" type="text" />[/td>
[/tr>
[tr>
[td colspan="2" style="text-align:center">
[input id="send" type="button" value="提 交" />[/td>
[/tr>
[/table>
[/div>
[div id="resText">
[/div>
[/form>
[/body>
[/html>

4. ShowStudents.apsx

[%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowStudents.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>无标题页[/title>
[/head>
[body>
[form id="form1" runat="server">
[div>
[asp:Repeater ID="Repeater1" runat="server">
[HeaderTemplate>
[table border="1" >
[tr>
[th>Id[/th>
[th>Name[/th>
[th>Age[/th>
[/tr>
[/HeaderTemplate>
[ItemTemplate>
[tr>
[td>[%# Eval("Id") %>[/td>
[td>[%# Eval("Name") %>[/td>
[td>[%# Eval("Age") %>[/td>
[/tr>
[/ItemTemplate>
[FooterTemplate>
[/table>
[/FooterTemplate>
[/asp:Repeater>
[/div>
[/form>
[/body>
[/html>

4.2 ShowStudents.apsx.cs

using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Collections.Generic;

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
List list = Data.list;

if (Request["action"] == "add")
{
Student stu = new Student();
stu.Id = Convert.ToInt32(Request["Id"]);
stu.Name=Request["Name"];
stu.Age = Convert.ToInt32(Request["Age"]);

list.Add(stu);
}
Repeater1.DataSource = list;
Repeater1.DataBind();
}
}

极其精简而实用, Java和.net其实都可以用得着.