1.建立一个页面 AddStudent.aspx using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.OracleClient; public partial class AddStudent : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { InsertStudent(); } public void InsertStudent() { string sql = "insert into stuInfo values('{0}','{1}','{2}')"; string stuId=Request.Form["txtStuId"]; string stuName=Request.Form["txtStuName"]; string tel=Request.Form["txtTel"]; string childSql =string.Format(sql,stuId,stuName,tel); OracleConnection con = new OracleConnection("Data Source=Orcl;User ID=zj;password=zj;"); OracleCommand cmd = new OracleCommand(childSql,con); con.Open(); if (cmd.ExecuteNonQuery() > 0) { Response.Write("{ok:'true'}"); } else { Response.Write("{ok:'false'}"); } con.Close(); } } 2.建立一个测试页面: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="FormSubmit.aspx.cs" Inherits="FormSubmit" %> <!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> <link href="ext-all.css" mce_href="ext-all.css" rel="stylesheet" type="text/css" /> <mce:script src="ext-base.js" mce_src="ext-base.js" type="text/javascript"></mce:script> <mce:script src="ext-all.js" mce_src="ext-all.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- Ext.onReady(function() { var leftColumn = [{ xtype: "textfield", fieldLabel: "学生编号", id: "stuId", name: "txtStuId", blankText: "学生编号不能为空", allowBlank: false, archer: "60" }, { xtype: "textfield", fieldLabel: "学生姓名", id: "stuName", name: "txtStuName", allowBlank: false, blankText: "学生姓名不能为空", archer: "60" }, { xtype: "textfield", fieldLabel: "联系电话", id: "tel", archer: "90", blankText: "学生电话不能为空", allowBlank: false, name: "txtTel", maxLength: 12 } ]; var myForm = new Ext.FormPanel({ width: 500, height: 500, plain: true, layout: "form", //defaultType: "textfield", labelWidth: 75, labelSeparator: ":", baseCls: "x-plain", //锚点布局- defaults: { anchor: "95%", msgTarget: "side" }, buttonAlign: "center", bodyStyle: "padding:0 0 0 0", items: leftColumn }); var myWindow = new Ext.Window({ title: "增加学生信息", width: 410, height: 285, plain: true, //layout:"form", iconCls: "openroomicon", //不可以随意改变大小 resizable: false, //是否可以拖动 //draggable:false, defaultType: "textfield", labelWidth: 100, collapsible: true, //允许缩放条 closeAction: 'hide', closable: true, //弹出模态窗体 modal: 'true', buttonAlign: "center", bodyStyle: "padding:10px 0 0 15px", items: [myForm], listeners: { "show": function() { //当window show事件发生时清空一下表单 // myForm.getForm().rest(); } } , buttons: [ { text: "确定:", width: 70, handler: function() { if (myForm.getForm().isValid()) { Ext.MessageBox.show({ msg: "正在保存,请稍后...", progressText: "Saving...", width: 300, wait: true, waitConfig: { interval: 3000 }, icon: "download" }); setTimeout(function() { }, 3000), myForm.getForm().submit({ url: "addStudent.aspx", method: "post", success: function(form, action) { var flag = action.result.ok; if (flag == "true") { Ext.Msg.alert("提示", "恭喜,添加信息成功!"); myWindow.hide(); } }, failure: function(form, action) { Ext.Msg.alert("提示", "添加信息失败!"); } }); } } }, { text: "取消", width: 70, handler: function() { myForm.getForm().reset(); myWindow.hide(); } } ] }); Ext.get("btnAdd").on("click", function() { myWindow.show(); }); }); // --></mce:script> </head> <body> <form id="form1" runat="server"> <div> <input type="button" id="btnAdd" value="添加新同学" /> </div> </form> </body> </html> OK.