jquery ajax提交 jquery post提交表单 更新页面
用户投稿 学习笔记 8阅读
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();//来个结束, }标签: