JQuery 异步提交数据

类别添加

 

名称：

 &nbsp

正在发送数据请求…

<% dim strValue blnLogin = false; strValue = request.Form("txtName") Call DBConnBegin() sql="select * from about" oRs.open sql,oConn,1,3 if strValue="" then response.Write("类别不能为空") end if oRs.addnew oRs("about_title")=strValue oRs("about_senddate")=now() oRs.update blnLogin = true oRs.Close response.Redirect("DropdownEdit.asp") Call DBConnEnd() 'sub addComments(id) 'Call DBConnBegin() 'strValue = request.Form("txtName") 'sqlstr="insert into [comments](comm_user,comm_content,comm_pid) values('" &_unescape(trim(Request.Form("comm_user"))) & "','" & unescape(trim(Request.Form("comm_content"))) & "'," & id & ")" 'conn.execute(sqlstr) 'response.Redirect("DropdownEdit.asp") 'closeConn() 'end sub %>

<script language="javascript" src="../../js/jquery-1.4.2.min.js"></script>
 <script type="text/javascript" src="../../js/jquery-1.4.2-vsdoc.js"></script>
<script type="text/javascript" src="../../js/jquery-1.4.2.js"></script>
<style type="text/css">
     body{font-size:13px}
    .divFrame{width:225px;border:solid 1px #666}
    .divFrame .divTitle{padding:5px;background-color:#eee;height:23px}
    .divFrame .divTitle span{float:left;padding:2px;padding-top:5px;}
    .divFrame .divContent{padding:8px;text-align:center}
    .divFrame .divContent .clsShow{font-size:14px;line-height:2.0em}
    .divFrame .divContent .clsShow .clsError{font-size:13px;border:solid 1px #cc3300;padding:2px;display:none;margin-bottom:5px;background-color:#ffe0a3}
    .txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px}
    .btn {border:#666 1px solid;padding:2px;width:50px;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
    .SubTitle
  {
   padding-bottom:10px;
   font-weight:bold; display:none
  }
</style>
<script language="javascript">
function test()
{
    if(AddPro.Kind_type.value=="请选择")
    {
    alert("请选择分类");
    document.AddPro.Kind_type.focus();
    return false;
    }
 }
 /* ***********下拉框选中****************/
function changeSelect( )
{
 var txtname=document.getElementById("txt_name");
 var selects = document.getElementById("selects");
 var textobj=document.getElementById('ta_info');
 var pid = document.getElementById('pid')
 var vA = selects.options[selects.selectedIndex].value;
 var vB = selects.options[selects.selectedIndex].text;
    textobj.innerHTML=textobj.name;
 document.location.href=vA; //重订向刷新
}
 $(function()
 {
      var speed = 1000;
   $("#button").click(function()
   {
     //$(".divFrame").show(speed);
      $.ajax({ //请求类别提交页
                url:"addclass.html", //登录静态页
                dataType: "html",
                success: function(HTML)
    {
       //返回页面内容
                    $("#form1").html(HTML);
     //将页面内容置入表单
                    $("#btnLogin").click(function()
     {
         //“添加”按钮单击事件
      $(".SubTitle").show(speed);
                        var strTxtName = encodeURI($("#txtName").val());
      if  (strTxtName=="")
      {
           $("#divError").show().html("类别不能为空!");
      }
      else
      {
               //开始发送数据
         $.ajax(
          {
             type: "post",
          //请求登录处理页
          url: "addclass.asp",
         //提交处理处理页
          //document.form1.action="FlotionEdit.asp?id="+ID;
                //document.form1.submit();  dataType:"html",

         //传送请求数据
         data:{ txtName:strTxtName},
         success: function(strValue)
         {
          //提交成功后返回的数据
          //根据返回值进行状态显示
          if (strValue == "True")
          {
              $(".SubTitle").hide(speed);
           $(".clsShow").html("操作提示，数据提交成功！");
          }
          else
          {
             $("#divError").show().html("类别错误!");
          }
         }
        })
       })
      }
                }
            })
  })
 });
</script>

<div class="divFrame">
     <div class="divTitle">
          <span>类别添加</span>
     </div>
     <div class="divContent">
          <div class="clsShow">
               <div id="divError" class="clsError"></div>
               <div>名称：
          <input id="txtName" type="text" class="txt" />
      </div>
               <div>
                   <input id="btnLogin" type="button" value="提交" class="btn" />&nbsp;&nbsp
                   <input id="btnReset"  type="reset" value="取消" class="btn" />
               </div>
      <div class="SubTitle">正在发送数据请求…</div>
           </div>
      </div>
</div>

<form name="form1" id="form1">

<input  type="button" name="button" value="添   加"  class=buttonCH  id="button"/>  

<%
  dim strValue
       blnLogin = false;
       strValue = request.Form("txtName")
     Call DBConnBegin()
  sql="select * from about"
        oRs.open sql,oConn,1,3
  if strValue="" then
    response.Write("类别不能为空")
  end if
  oRs.addnew
  oRs("about_title")=strValue
  oRs("about_senddate")=now()
  oRs.update
     blnLogin = true
        oRs.Close
  response.Redirect("DropdownEdit.asp")
     Call DBConnEnd() 

'sub addComments(id)
'Call DBConnBegin()
 'strValue = request.Form("txtName")
'sqlstr="insert into [comments](comm_user,comm_content,comm_pid) values('" &_unescape(trim(Request.Form("comm_user"))) & "','" & unescape(trim(Request.Form("comm_content"))) & "'," & id & ")"
'conn.execute(sqlstr)
'response.Redirect("DropdownEdit.asp")
'closeConn()
'end sub
%>