jquery配合.net提交表单,在工作中可能会用到。
比如在表单一中输入id,在表单二中直接显示出来名字。
下面我们就来看看它的工作流程。
前台内容
第一,首先要引用jquery不用多说。
第二,写好表单
表单一 id:<asp:TextBox ID="txtid" runat="server" Width="20"></asp:TextBox>
表单二 :<asp:TextBox ID="txtbzproname" runat="server" ></asp:TextBox>
第三,写好js
<script type="text/javascript">
$(function () {
$('#<%=
txtid
.ClientID %>').bind('blur', function () {
var infos = document.getElementById("<%=txtid.ClientID %>").value;
$.post("getipchaxun.ashx",//提交到哪个地址
{//提交值
csid: infos, //提交变量是csid在服务端也是这么接收的,可提交多组。infos是提交的值,也就是csid的值是infos。
},
function (data, status) {
//返回值,在这里是接收返回值的,根据返回的值,执行进一步的行动。返回的内容就是服务端打印的东西,在这里作data变量接收,是否成功的这个状态用status接收。
//alert("数据:" + data + "\n状态:" + status);
if (status == "success") {//判断是否成功。
// $('#<%=
txtbzproname
.ClientID %>').val(data);//
做自己的事
}
})
});
})
</script>
后台处理代码,接收处理getipchaxun.ashx
//提交后处理
//输入id自动展示名
string csid = HttpContext.Current.Request.Form["csid"];//接收post来的值,所以要用.From方式
if (csid != null & csid != "")
{
//在这里作自己的处理,接收到了id然后去查询自己的东西就行了,
// string proname= sqlhr.ExecuteDataTable(CommandType.Text, "select * from cs where id=" + csid + "").Rows[0]["proname"].ToString();
HttpContext.Current.Response.Write(proname );//在这里打印结果,也就是前台js接收的结果,不打印也行。就看前台需要不需要了。
HttpContext.Current.Response.End();//来个结束,
}