【学习备份】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="width: 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();
     }