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
%>
上一篇:jQuery异步提交form表单


下一篇:Jquery异步提交$.ajax的使用