Get,Post及异步提交的方法描述

HTMLPage1.htm:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
    function SubmitDB() {
    //异步提交(通过jQuery的JS框架来处理)
        var HomeTown = $("#HomeTown").val();
        $.post("WebForm3.aspx?n=" + Math.random(), { HomeTown: HomeTown }, function (data) {
   
        });
    }
    </script>
</head>
<body>
 <form action="WebForm3.aspx" method="get">
      <br />
     <br />
     城市:<input type="text" name="city" id="city" /> 
     <br />
     <br />
     年龄:<input type="text" name="age" id="age" /><br />
    
     <input type="submit" value="submit" /><%--默认是get提交--%>
     <input type="reset" value="reset" />
        
 
    </form>

    <form action="WebForm3.aspx" method="post">

    月收入:<input type="text" name="income" id="income" /><br />
     <input type="submit" value="submit" /><%--默认是post提交 %>

     </form>
     <form id="form1" action="WebForm3.aspx" method="post" >
     故乡:<input type="text" name="HomeTown" id="HomeTown" /><br />
     <input type="button" name="submit"  id="submit" value="submit" onclick="SubmitDB();"  />  <%--异步提交 %>
  
     </form>

</body>
</html>


WebForm3.aspx.cs:

protected void Page_Load(object sender, EventArgs e)
        {
            Response.Clear();
            Response.ContentType = "application/json;charset=utf-8";
           string city = Request.QueryString["city"];
            string age = Request.QueryString["age"];
            string income = Request.Form["income"];
            string hometown = Request.Form["HomeTown"];
            
           Response.Write("所在的城市:"+city);
            Response.Write("月收入:"+income);
            Response.Write("故乡:" + hometown);
          
        }


 

 

 

你可能感兴趣的:(JavaScript,html,jquery,异步,C#)