首页前端开发JavaScript通过POST从HTML表单发送数据的格式(附代码)

通过POST从HTML表单发送数据的格式(附代码)

时间2024-01-29 01:40:03发布访客分类JavaScript浏览627
导读:收集整理的这篇文章主要介绍了通过POST从HTML表单发送数据的格式(附代码),觉得挺不错的,现在分享给大家,也给大家做个参考。从POST表单发送数据时,它具有以下格式:(input字段的name)=(input字段的值)是用&连接的形式。...
收集整理的这篇文章主要介绍了通过POST从HTML表单发送数据的格式(附代码),觉得挺不错的,现在分享给大家,也给大家做个参考。从POST表单发送数据时,它具有以下格式:(input字段的name)=(input字段的值)是用&连接的形式。空格和非ASCII字符(如中文)是URL编码和发送的。

(input字段1的name)=(input字段1的值)&(input字段2的name)=(input字段2的值)&...

我们来看具体的代码

PostForm.htML

!DOCTYPE html>
    html>
    head>
    meta http-equiv="Content-type" content="text/html;
     charset=utf-8"/>
        tITle>
    /title>
    /head>
    body>
      form method="post" action="PostDest.aspx">
        div>
    Value-01input name="value01" type="text" />
    /div>
        div>
    Value-02input name="value02" type="text" />
    /div>
        div>
    Value-03      select id="Select1" name="value03">
            option>
    元素1/option>
            option>
    元素2/option>
            option>
    元素3/option>
            option>
    元素4/option>
            option>
    元素5/option>
          /select>
        /div>
        div>
    Value-04br/>
          input id="Radio1" name="RadioGroup1" type="radio" />
    label for="Radio1">
    单选按钮 元素1/label>
    br />
          input id="Radio2" name="RadioGroup1" type="radio" />
    label for="Radio2">
    单选按钮 元素2/label>
    br />
          input id="Radio3" name="RadioGroup1" type="radio" />
    label for="Radio3">
    单选按钮 元素3/label>
    br />
        /div>
        div>
    Value-05br />
          input id="Chkbox1" name="checkbox1" type="checkbox" />
    label for="Checkbox1">
    检查项目1/label>
    br />
        /div>
        div>
    Value-06br />
          input id="Hidden1" name="hiddenfield1" type="hidden" value="test Value" />
    br />
        /div>
        input type="submit" value="POST" />
      /form>
    /body>
    /html>
    

说明:

带有HTML的form标签的表单。通过设置method =“post”来POST表单数据。POST的目标URL由action =“PostDest.aspx”指定。如果未指定,将对同一URL执行POST。

服务器端

服务器端接收POSTed数据并将其显示,下面使用ASP.NET来构建它。

PostDest.html

%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PostDest.aspx.cs" Inherits="HtmlForm.PostDest" %>
    !DOCTYPE html>
    html>
    head runat="server">
    meta http-equiv="Content-Type" content="text/html;
     charset=utf-8"/>
        title>
    /title>
    /head>
    body>
        form id="form1" runat="server">
        div>
          asp:Label ID="Label1" runat="server" Text="Label">
    /asp:Label>
        /div>
        /form>
    /body>
    /html>
    

PostDest.aspx.cs

using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.IO;
namespace HtmlForm{
  public partial class PostDest : System.Web.UI.Page  {
    PRotected void Page_Load(object sender, Eventargs e)    {
          StreamReader reader = new StreamReader(Request.InputStream);
          string str = reader.ReadToEnd();
          reader.Close();
          Label1.Text = str;
    }
  }
}
    

运行结果:在浏览器上将显示如下所示效果

在文本框或每个字段中输入值。输入后,单击[POST]按钮。

最后,发送到服务器的POST数据将显示在浏览器页面上。

以上就是通过POST从HTML表单发送数据的格式(附代码)的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: html字体有哪些下一篇:什么是DHTML猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 通过POST从HTML表单发送数据的格式(附代码)
本文地址: https://pptw.com/jishu/590432.html
前端ui框架有哪些 使用HTML中input标签的hidden发送隐藏数据的方法

游客 回复需填写必要信息