javascript 如何用POST方式(以及Get方式) 向服务器端提交数据

客户端：

 1  < script  type ="text/javascript" >
 2       // 下面的代码使用Post和Get两种方式向服务器提交数据
 3       // 这里做了一个简单的重构，两种方式调用的时候只要传递HttpVerb就可以了
 4       function  getData(verb)
 5      {
 6           var  webRequest = new  Sys.Net.WebRequest();
 7           if  (verb == " POST " )
 8          {
 9            webRequest.set_url( " ProcessRequest.aspx " );
10          }
11           else
12          {
13           webRequest.set_url( " ProcessRequest.aspx?AID= " + $get( " aidTextbox " ).value);
14          }
15          webRequest.add_completed(OnCompleted);
16          
17          webRequest.set_httpVerb(verb);
18           var  requestBody = " AID= " + $get( " aidTextbox " ).value;
19          webRequest.set_body(requestBody);
20          webRequest.get_headers()[ " Conten_Length " ] = requestBody.length;
21          webRequest.invoke();
22      }
23       function  getDataByPost()
24      {
25          getData( " POST " );
26      }
27       function  getDataByGet()
28      {
29          getData( " Get " );
30      }
31       // 完成之后调用的参数 注意一下参数
32       function  OnCompleted(executor,eventArgs)
33      {
34           if (executor.get_responseAvailable()) 
35          {
36              $get( " data " ).innerHTML = executor.get_responseData();
37          }
38      }
39       </ script >
40 
41      < div  id ="data" >
42      </ div >
43      < input  id ="aidTextbox"  type ="text"  value ="me_sa"   />
44      < input  id ="Button1"  type ="button"  value ="Post"  onclick ="javascript:getDataByPost();"   />
45      < input  id ="Button2"  type ="button"  value ="Get"  onclick ="javascript:getDataByGet();"   />

ProcessRequest.aspx服务器端代码：

 1  using System;
 2  using System.Collections;
 3  using System.Configuration;
 4  using System.Data;
 5  using System.Web;
 6  using System.Web.Security;
 7  using System.Web.UI;
 8  using System.Web.UI.HtmlControls;
 9  using System.Web.UI.WebControls;
10  using System.Web.UI.WebControls.WebParts;
11 
12  public partial  class ProcessRequest : System.Web.UI.Page
13 {
14      protected  void Page_Load( object sender, EventArgs e)
15     {
16          string temp = "";
17         Response.Clear();
18          if (! string.IsNullOrEmpty(Request.Form["AID"]))
19         {
20             temp =DateTime.Now.ToString()+ " POST过来的数据是：" + Request.Form["AID"].ToString();
21         }
22          if (! string.IsNullOrEmpty(Request.QueryString["AID"]))
23         {
24             temp = DateTime.Now.ToString() + "GET过来的数据是：" + Request.QueryString["AID"].ToString();
25         }
26 
27         Response.Write(temp);
28         Response.End();
29         
30     }
31 }
32 

本文转自钢钢博客园博客，原文链接：http://www.cnblogs.com/xugang/archive/2007/12/10/989622.html，如需转载请自行联系原作者