jquery ajax提交 jquery post提交表单 更新页面
·
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();//来个结束，
}
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献2条内容
所有评论(0)