【学习备份】ajax添加小例子

实现目的：保存模板编号、模板名称到数据库

1、js引用

 <script src="../../../../../../../js/jquery-1.10.2.min.js"></script>   
 <script src="../../../../../../../js/jquery.query.js"></script>

js文件 

  <script type="text/javascript" language="javascript">
        debugger;      
        function after_saveTemp() {
            if ($('#txtTicketno').val() == '') {
                parent.message_alert("提示", "模板名称不能为空！", "info");               
            }
            else {                
                var TEMPDATA = {
                    id:$.query.get("id"),
                    templatename: $("#txtTicketno").val(),                 
                };
                $.ajax({
                    url: 'ashx/edit.ashx?act=temp&id="' + $.query.get("id") + '"&r=' + Math.random(),
                    contentType: "application/json;charset=utf-8",
                    data: JSON.stringify(TEMPDATA),
                    dataType: 'json',
                    type: 'POST',
                    success: function (data) {
                        debugger;
                        if (data.success == "true") {                          
                            parent.message_alert("提示", "模板保存成功！", "info");                
                            parent.closewin("over_step1_edit");
                        }
                        else {
                            parent.message_alert("非常抱歉", "模板保存失败！请稍候重试", "info");
                        }
                    }
                });
            }
        }
    </script>

2、HTML文件

  <div>
        <table width="100%"  border="0" cellpadding="0" cellspacing="1" class="formtable">
            <tr>
                <td class="left">模板名称
                </td>
                <td class="right">
                    <input id="txtTicketno" class="easyui-validatebox" required="true" style=" 180px" />
                </td>
            </tr>
        </table>
    </div>
    <div class="edit_foot" style="margin-bottom:0px">
        <a class="easyui-linkbutton" iconcls="icon-ok" href="javascript:void(0)" onclick="after_saveTemp()">确定</a>
        <a class="easyui-linkbutton" iconcls="icon-cancel" href="javascript:void(0)" onclick="javascript:parent.closewin(1,'over_step1_tempname')">取消</a>
    </div>

3、ashx（一般处理程序）文件

using System.Web.Script.Serialization;

  public void ProcessRequest(HttpContext context)
    {
        string act = p.ext_string(context.Request.Params["act"]);
        switch (act)
        {
              case "temp":
                SaveTempData(context);
                break;        
         }
    }
     //添加修改
    private void SaveTempData(HttpContext context)
    {
        Maticsoft.Model.WJX_SPECIALPLAN_BIRD modeltemp = new Maticsoft.Model.WJX_SPECIALPLAN_BIRD();
        using (System.IO.StreamReader sr = new System.IO.StreamReader(context.Request.InputStream))
        {
            string s = sr.ReadToEnd();
            modeltemp = new JavaScriptSerializer().Deserialize<Maticsoft.Model.WJX_SPECIALPLAN_BIRD>(s);
        }
        Maticsoft.BLL.WJX_SPECIALPLAN_BIRD blltemp = new Maticsoft.BLL.WJX_SPECIALPLAN_BIRD();
        bool rvalue = true;
        try
        {
            Maticsoft.DBUtility.DbHelperOra.connectionString = p.getconfig("DB1");
            rvalue = blltemp.UpdateState(modeltemp);
            if (rvalue)
            {
                context.Response.Write("{"success":"true"}");
            }
            else
            {
                context.Response.Write("{"success":"false"}");
            }
        }
        catch
        {
            context.Response.Write("{"success":"false"}");
        }

        context.Response.End();
    }