ajax使用POST方法提交表单

最新推荐文章于 2025-05-23 10:47:32 发布

原创最新推荐文章于 2025-05-23 10:47:32 发布 · 8.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #function #input #button #xhtml

本文介绍了如何使用Ajax的POST方法提交表单数据，并提供了一个完整的示例代码。通过该方法可以提交最大达2GB的数据量，远超GET方法的限制。文章还包含了前端HTML页面及后端处理代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ajax中使用post 方式提交表单时能提交多达2GB的内容,而GET方法只能提交最多512KB的内容.以下是ajax POST提交的例子.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Ajax POST方法提交表单</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1"> 要提交的字段落1: <input id="Text1" type="text" /><br /> 要提交的字段落2: <input id="Text2" type="text" /> <br /> <input id="Button1" type="button" value="POST提交" onclick="startRequest();" /><div id="divResult"></div></form> </body> </html>

服务器端处理代码(ajax_post.ashx):

<%@ WebHandler Language="C#" Class="ajax_post" %> using System; using System.Web; public class ajax_post : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; context.Response.Write(String.Format("你输入的值是{0}和{1}!",context.Request.Form["Text1"],context.Request.Form["Text2"])); } public bool IsReusable { get { return false; } } }