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,如需转载请自行联系原作者
相关文章
|
4月前
|
缓存 JavaScript 前端开发
高效打造跨平台桌面应用:Electron加载服务器端JS
【9月更文挑战第17天】Electron 是一个基于 Chromium 和 Node.js 的开源框架,允许使用 HTML、CSS 和 JavaScript 构建跨平台桌面应用。加载服务器端 JS 可增强应用灵活性,实现代码复用、动态更新及实时通信。通过 HTTP 请求、WebSocket 或文件系统可实现加载,但需注意安全性、性能和兼容性问题。开发者应根据需求选择合适方法并谨慎实施。
199 3
|
5月前
|
开发框架 JavaScript 前端开发
揭秘:如何让你的asp.net页面变身交互魔术师——先施展JavaScript咒语,再引发服务器端魔法!
【8月更文挑战第16天】在ASP.NET开发中,处理客户端与服务器交互时,常需先执行客户端验证再提交数据。传统上使用ASP.NET Button控件直接触发服务器事件,但难以插入客户端逻辑。本文对比此法与改进方案:利用HTML按钮及JavaScript手动控制表单提交。后者通过`onclick`事件调用JavaScript函数`SubmitForm()`来检查输入并决定是否提交,增强了灵活性和用户体验,同时确保了服务器端逻辑的执行。
65 5
|
1月前
|
机器学习/深度学习 JavaScript Cloud Native
Node.js作为一种快速、可扩展的服务器端运行时环境
Node.js作为一种快速、可扩展的服务器端运行时环境
55 8
|
2月前
|
JavaScript
使用Node.js创建一个简单的Web服务器
使用Node.js创建一个简单的Web服务器
|
2月前
|
JavaScript
使用node.js搭建一个express后端服务器
Express 是 Node.js 的一个库,用于搭建后端服务器。本文将指导你从零开始构建一个简易的 Express 服务器,包括项目初始化、代码编写、服务启动与项目结构优化。通过创建 handler 和 router 文件夹分离路由和处理逻辑,使项目更清晰易维护。最后,通过 Postman 测试确保服务正常运行。
125 1
|
2月前
|
数据采集 JavaScript 搜索推荐
服务器端渲染(SSR)(Nuxt+Next.js)
服务器端渲染(SSR)技术在服务器上生成页面HTML,提升首屏加载速度和SEO效果。Nuxt.js和Next.js分别是基于Vue.js和React.js的流行SSR框架。Nuxt.js提供自动化路由管理、页面级数据获取和布局系统,支持SSR和静态站点生成。Next.js支持SSR、静态生成和文件系统路由,通过`getServerSideProps`和`getStaticProps`实现数据获取。SSR的优点包括首屏加载快、SEO友好和适合复杂页面,但也会增加服务器压力、开发限制和调试难度。选择框架时,可根据项目需求和技术栈决定使用Nuxt.js或Next.js。
|
3月前
|
JavaScript
Node.js GET/POST请求
10月更文挑战第6天
47 2
Node.js GET/POST请求
|
2月前
|
缓存 负载均衡 监控
性能优化:Node.js高效服务器开发技巧与最佳实践
【10月更文挑战第29天】在Node.js服务器开发中,性能优化至关重要。本文介绍了几种高效开发的最佳实践,包括使用缓存策略、采用异步编程、实施负载均衡和性能监控。通过示例代码展示了如何实现这些技术,帮助开发者构建更快、更稳定的Node.js应用。
114 2
|
3月前
|
JSON JavaScript 前端开发
使用 Node.js 和 Express 构建 RESTful API 服务器
【10月更文挑战第3天】使用 Node.js 和 Express 构建 RESTful API 服务器
|
3月前
|
Web App开发 JavaScript 前端开发
使用Node.js和Express框架构建Web服务器
使用Node.js和Express框架构建Web服务器