初次使用Ajax.net，总结下心得并记录下来

在网上下载Ajax.dll组件，通过引用添加至项目中；

Ajax.dll文件下载：/Files/ProgrammerSystem/Ajax.dll.zip（基于VS2003.net、VS2005.net）

在Web.config中配置节点，如下：

<httpHandlers>
        <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro"></add>
    </httpHandlers>

在MeetEdit.aspx.cs文件Page_Load中添加,摘抄部分代码：

        private void Page_Load(object sender, System.EventArgs e)
        {
            // 在此处放置用户代码以初始化页面
            if(Session["emp_id"] == null)
            {
                Response.Redirect("../../security/login.aspx");
            }

            AjaxPro.Utility.RegisterTypeForAjax(typeof(MeetEdit));
        }

        [AjaxPro.AjaxMethod]
        public string [] Save(string meetTitle,string meetDate,string remarkPeople,string startToOver,string people,string data)
        {
            if(meetTitle != "" && meetDate != "" && remarkPeople != "" && startToOver != "" && people != "")
            {
                if(data != "" && data != null)
                {
                    string sql = "update [Meet] Set ";
                    sql += " meetTitle = '"+meetTitle+"', ";
                    sql += " meetDate = '"+meetDate+"',  ";
                    sql += " remarkPeople = '"+remarkPeople+"', ";
                    sql += " startToOver = '"+startToOver+"', ";
                    sql += " people = '"+people+"' ";
                    sql += " where meetID = '"+ int.Parse(data) +"' ";

                    DBControl.ExecuteNonQuery(sql);

                    string [] result = {"<font color='red'>更新成功!</font>",data};
                    return result;
                }
                else
                {
                    string sql = "insert into [Meet] ";
                    sql += " (meetTitle,meetDate,remarkPeople,startToOver,people,addDate) ";
                    sql += " values ";
                    sql += " ('"+ meetTitle +"','"+meetDate+"','"+remarkPeople+"','"+startToOver+"','"+people+"','"+DateTime.Now.ToString()+"') ";

                    DBControl.ExecuteNonQuery(sql);

                    string sqlTop = "select top 1 * from [Meet] order by meetID desc";
                    object o = DBControl.ExecuteScalar(sqlTop);

                    string [] result = {"<font color='red'>保存成功!</font>",o.ToString()};
                    return result;
                }
            }
            else
            {
                string [] result = {"<font color='red'>请填写完整!</font>",""};
                return result;
            }
        }

MeetEdit.aspx页面部分代码如下：

<form id="Form1" method="post" runat="server">
            <script>            
                function SaveData()
                {
                    var meetTitle = document.getElementById("tbMeetTitle").value;
                    var meetDate = document.getElementById("tbMeetDate").value;
                    var remarkPeople = document.getElementById("tbRemarkPeople").value;
                    var startToOver = document.getElementById("tbStartToOver").value;
                    var people = document.getElementById("tbToWho").value;
                    var data = document.getElementById("iptData").value;
                    
                    OfficeSystem.PersonalWork.OperatingPrinciple.MeetEdit.Save(meetTitle,meetDate,remarkPeople,startToOver,people,data,Save_CallBack);
                }
                function Save_CallBack(response)
                {
                    if(response.error != null)
                    {
                        alert(response.error);
                        return;
                    }
                    else
                    {
                        var value = response.value;
                                                
                        document.getElementById("lbMsg").innerHTML = value[0];
                        document.getElementById("iptData").innerText = value[1];
                        document.getElementById("redirect").style.display = "";
                    }
                }
                function Redirect()
                {
                    var data = document.getElementById("iptData").value;
                    location.assign("MeetContent.aspx?meetID="+data);
                }
            </script>
            <table id="Table1" cellSpacing="0" cellPadding="0" width="800" border="0">
                <tr>
                    <td colSpan="2">
                        <TABLE id="Table2" cellSpacing="0" cellPadding="0" width="100%" border="0">
                            <TBODY>
                                <TR>
                                    <td width="20" background="../../WebPic/main_guide_bg2.gif">&nbsp;</td>
                                    <TD width="65%" background="../../WebPic/main_guide_bg2.gif"><IMG height="24" src="../../WebPic/guide.gif" width="18" align="absMiddle">&nbsp;业务文档&gt;&gt;编辑会议纪要</TD>
                                    <TD class="guide" align="right" width="35%" background="../../WebPic/main_guide_bg2.gif"><IMG src="../../WebPic/main_r.gif"></TD>
                                </TR>
                            </TBODY>
                        </TABLE>
                    </td>
                </tr>
                <tr>
                    <td colSpan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label id="lbMsg"></label><input type="hidden" id="iptData" name="iptData" style="WIDTH:50px"></td>
                </tr>
                <tr>
                    <td colSpan="2">
                        <table class="maintable" cellSpacing="1" cellPadding="1" width="100%" align="right">
                            <tr>
                                <td bgColor="#84aeff" colSpan="2">&nbsp;</td>
                            </tr>
                            <tr>
                                <td class="deep" width="13%">
                                    <div align="center">例会标题</div>
                                </td>
                                <td width="45%"><asp:textbox id="tbMeetTitle" runat="server" Columns="40" Height="23px"></asp:textbox></td>
                            </tr>
                            <tr>
                                <td class="deep" width="13%">
                                    <div align="center">时间</div>
                                </td>
                                <td width="45%"><asp:TextBox Runat="server" ID="tbMeetDate" Columns="20" Height="23px"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td class="deep" width="13%">
                                    <div align="center">纪要整理</div>
                                </td>
                                <td width="45%"><asp:TextBox Runat="server" ID="tbRemarkPeople" Columns="20" Height="23px"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td class="deep" width="13%">
                                    <div align="center">始末时间</div>
                                </td>
                                <td width="45%"><asp:TextBox Runat="server" ID="tbStartToOver" Columns="20" Height="23px"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td class="deep" width="13%">
                                    <div align="center">人员</div>
                                </td>
                                <td width="45%"><asp:TextBox Runat="server" ID="tbToWho" Columns="38" Height="23px" onclick="javascript:alert('请点击右边图标添加')"></asp:TextBox>
                                    &nbsp;&nbsp;<IMG title="选择人员" style="CURSOR: hand" onClick="window.open('../../common/selectUsers.htm','选择人员','width=700,height=350')"
                                        height="16" src="../../WebPic/person1.gif" width="16"> 请点击左边图标,添加人员 <input id="tbToWhoId" type="hidden" runat="server" style="WIDTH:20px" NAME="tbToWhoId"></td>
                            </tr>
                            <tr>
                                <td width="20%" colSpan="2">&nbsp;</td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td align="center"><input id="iptSave" name="iptSave" value="保 存" type="button" style="WIDTH:58px;CURSOR:hand;HEIGHT:23px"
                            onclick="javascript:SaveData();"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input id="redirect" type="button" name="redirect" style="DISPLAY:none;WIDTH:98px;CURSOR:hand;HEIGHT:23px"
                            value="添加会议事项" onclick="javascript:Redirect();">
                    </td>
                </tr>
            </table>
        </form>

需要把代码服务器端控件改成客户端控件，性能有所提高！代码中有很多不足的地方望牛人们谅解，只是为了掌握Ajax.dll组件用法！