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://files.cnblogs.com/me-sa/AjaxTest.rar