博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript 如何用POST方式(以及Get方式) 向服务器端提交数据
阅读量:6328 次
发布时间:2019-06-22

本文共 2207 字,大约阅读时间需要 7 分钟。


客户端:

 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,如需转载请自行联系原作者
你可能感兴趣的文章
美国人的网站推广方式千奇百怪
查看>>
java web学习-1
查看>>
用maven+springMVC创建一个项目
查看>>
linux设备驱动第四篇:以oops信息定位代码行为例谈驱动调试方法
查看>>
redis知识点整理
查看>>
Hello World
查看>>
Spring3全注解配置
查看>>
ThreadLocal真会内存泄露?
查看>>
IntelliJ IDEA
查看>>
低版本mybatis不能用PageHeper插件的时候用这个分页
查看>>
javaweb使用自定义id,快速编码与生成ID
查看>>
[leetcode] Add Two Numbers
查看>>
elasticsearch suggest 的几种使用-completion 的基本 使用
查看>>
04-【MongoDB入门教程】mongo命令行
查看>>
Hadoop HA元数据备份
查看>>
字符串与整数之间的转换
查看>>
断点传输HTTP和URL协议
查看>>
redis 数据类型详解 以及 redis适用场景场合
查看>>
mysql服务器的主从配置
查看>>
巧用AJAX技术,通过updatePanel控件实现局部刷新
查看>>