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();//来个结束，

        }