hi,欢迎访问本站!
当前位置: 首页学习笔记正文

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();//来个结束,         }
标签:
声明:无特别说明,转载请标明本文来源!
发布评论
正文 取消