精华内容
下载资源
问答
  • JavaScript的两种表单提交的方式 首先给页面布局因为是表单提交所以我们要先写好一个表单。 我们用bootstrap来布局就不用写样式,所以我们先引入bootstrap框架,放一个div类名为container,再在里面写form表单,...

    JavaScript的两种表单提交的方式

    首先给页面布局因为是表单提交所以我们要先写好一个表单。

    1. 我们用bootstrap来布局就不用写样式,所以我们先引入bootstrap框架,放一个div类名为container,再在里面写form表单,在表单里我们先放四个div分别放姓名,性别和地址还有按钮,并且给他们两个相同的类为form-group form-row,有了这两个类就把样式都写好了。
    2. 在每个的div中放一个label标签(除了放按钮的div),我们把文本放在label标签内,并且给label标签三个相同的类form-check-label col-1 text-center
    3. 在姓名的div内再放一个input标签,让它里面的type属性为textname属性为nameidnameclassform-control col-11
    4. 在性别的div内再放一个select标签,让它里面的name属性为sexidsexclassform-control col-11,在select标签里面放三个option标签,里面的文本分别为请选择,男,女,并且他们对应的value值分别为0,男,女。
    5. 在地址的div内再放一个text area标签,让它里面的name属性为addressidaddressclassform-control col-11
    6. 在最后一个div内再放四个button标签,第一个button标签里面的文本为submit,而标签上的type属性为submitclass属性为btn btn-outline-primary mr-2第二个button标签里面的文本为get,而标签上的type属性为buttonclass属性为btn btn-outline-danger mr-2第三个button标签里面的文本为button,而标签上的type属性为buttonclass属性为btn btn-outline-secondary mr-2,最后一个button按钮的文本为reset,而标签上的type属性为resetclass属性为btn btn-outline-success mr-2
    7. 到这我们的页面已经布置好了,接下来就开始打JavaScript了。

     

    1. 我们先写手动提交的第一种方式get提交,我们先封装一个函数aaGet,为了让代码简洁我们获取值就用jQuery的方法,先声明三个变量a,b,c分别来装所获取的姓名,性别和地址的值。
    2. 我们再来做一个判断,条件为a不等于空,b不等于0c不等于空,然后我们把要写的代码写在里面,用get方式提交有两种方法:①通过形参的方式接收表单提交的数据;②通过EntityClass实体类接收提交的数据。而用post方式提交有四种,①通过形参的方式接收表单提交的数据②通过FormCollection来接收表单的数据③通过 Request.Form["name的属性值"]获取表单数据④.EntityClass实体类接收数据
    3. 我们先写一下四种提交方法。
    • 通过形参的方式接收表单提交的数据:(get与post)

    public ActionResult stringGetPost1(string name,string sex,string address)

     {

      string str = "你好,我叫" + name + ",性别" + sex + "家在"+ address;

      return Content(str);

      }

    • 通过FormCollection来接收表单的数据:(post)

    public ActionResult stringPost1(FormCollection aa)

            {

                string name = aa["name"];

                string sex = aa["sex"];

                string address = aa["address"];

                string str = "你好,我叫" + name + ",性别" + sex + "家在" + address;

                return Content(str);

            }

    • 通过 Request.Form["name的属性值"]获取表单数据:(post)

    public ActionResult stringPost2()

            {

                string name=Request.Form["name"];

                string sex=Request.Form["sex"];

                string address= Request.Form["address"];

                string str = "你好,我叫" + name + ",性别" + sex + "家在" + address;

                return Content(str);

            }

    • .EntityClass实体类接收数据:(get与post)

    public ActionResult stringGetPost2(Aa a)

            {

                string name = a.name;

                string sex = a.sex;

                string address = a.address;

                string str = "你好,我叫"+ name + ",性别" + sex + "家在" + address;

                return Content(str);

            }

            public class Aa

            {

                //public string name;//成员变量

                public string name { get; set; }//属性

                public string sex { get; set; }//属性

                public string address { get; set; }//属性

     

            }

    11.我们把四种方法都写出来了,现在我们就来写提交的代码,首先我们要获取这个表单,给他的action属性赋值:document.getElementById("form").action = "/work/stringGetPost2";再来给他的method属性赋值:document.getElementById("form").method = "get";最后在点一个submit的方法,这样就可以提交了。:action是写提交的地址,method是写提交的方式,submit是提交。我们现在用的是第四种方法接收数据,它也可以用第一种方法接收。

    12.写完get提交现在来写post提交,我们再来封装一个函数bbPost,和写get方式一样,只是把method的值改成post就好了,再加上四种方法接收,post提交就写完了。

     

     

     

     

     

     

     

    展开全文
  • CGI提交表单的两种方式POST与GET

    千次阅读 2014-12-17 10:25:23
    Http定义了与服务器交互不同方法,最基本方法4分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上资源,而HTTP中GET,POST,PUT,DELETE就...

             Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查 ,改 ,增 ,删 4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/查询资源信息,而POST一般用于更新资源信息(这是GET和POST的本质区别,也是协议设计者的本意,其它区别都是具体表现形式的差异)。

           Get 方法通过 URL 请求来传递用户的数据,将表单内各字段名称与其内容,以成对的字符串连接,置于action 属性所指程序的url 后,如[url]http://www.direwolf.com/test.asp?name=asd&password=sad,数据都会 直接显示在url 上,就像用户点击一个链接一样;Post 方法通过 HTTP post 机制,将表单内各字段名称与其内容放置在 HTML 表头(header)内一起传送给服务器端交由action属性能所指的程序处理。Get 方式传输的数据量非常小,一般限制在2 KB 左右,但是执行效率却比Post 方法好;而 Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击,根据微软方面的说法,微软对用post可接收的最大数据有限制,IIS 4 中为 80 KB 字节,IIS 5 中为 100 KB 字节。Get 方式提交数据,会带来安全问题,比如一个登陆页面,通过 Get 方式提交数据时,用户名和密码将出现在 URL 上,如果页面可以被缓存或者其他人可以访问客户这台机器,就可以从历史记录获得该用户的帐号和密码,所以表单提交建议使用 Post 方法;Post 方法提交的表单页面常见的问题是,该页面如果刷新的时候,会弹出一个对话框。

         GET方式传输,所带参数附加在CGI程式的URL后直接传给server,并可从server端的QUERY_STRING这个环境变量中读取;以POST方式传输,则参数会被打包在数据报中传送给server,并可从CONTENT_LENGTH这个环境变量中读取出参数长度,数据被送到www服务器的stdout中,然后cgi从stdin中读取GET是从服务器上请求数据,POST是发送数据到服务器。事实上,GET方法是把数据参数队列(query string)加到一个URL上,值和表单是一一对应的。比如说,name=John。在队列里,值和表单用一个&符号分开,特殊的符号转换成十六进制的代码

    下面看一个提交表单的示例:

    <html>
    <head>
    <title>ADCU</title>
    </head>
    <body>
    <tr><td>
    <div style="font-weight:bold;font-size:15px" mce_style="font-weight:bold;font-size:15px">This page is used to set some parameters for ADCU</div>
    <div> please input your information:<div>
    <!--form method="GET" action="./cgi-bin/get.cgi"-->
    <form method="POST" action="./cgi-bin/post.cgi">
        servername:<br>
        <input type="text" size=30 maxlength=100 name=username>
        <br>serverpassword:<br>
        <input type="text" size=30 maxlength=100 name=password>
        <br>serveripaddress:<br>
        <input type="text" size=30 maxlength=100 name=serverip>
        <br>timeval:<br>
        <input type="text" size=30 maxlength=100 name=timeval>
        <br>set all parameters....<br>
        <input type="submit" value="Set_parameters">
        <input type="reset" value="reset_parameters">
    </form>
    </td></tr>
    <td><tr><input type="button" value="Back Home" οnclick='javascript:window.location="./index.html"'></td></tr>
    </table>
    </body>
    </html>
    

    CGI以POST提交的代码如下:

    #include<stdio.h>
    #include<stdlib.h>
    int main(void)
    {
       int len;
       FILE *fp1,*fp2,*fp3,*fp4;
       char *poststr,inputdata[512];
       char servername[10]={0},serverpasswd[10]={0},serverip[30]={0},timeval[10]={0};
    
       printf("Content-Type:text/html\n\n");
       printf("<HTML>\n");
       printf("<BODY>\n");
       poststr=getenv("CONTENT_LENGTH");
       if(poststr==NULL)
           printf("<DIV STYLE=\"/\"mce_STYLE=\"/\"\"COLOR:RED/\">ERROR Input,no Data!</DIV>\n");
       else
        {
         printf("<DIV STYLE=\"/\"mce_STYLE=\"/\"\"COLOR:RED/\"> Input Data OK!</DIV>\n");
         len=atoi(poststr);
         fgets(inputdata,len+2,stdin);
         sscanf(inputdata,"username=%[^&]&password=%[^&]&serverip=%[^&]&timeval=%[^&]",servername,serverpasswd,serverip,timeval);
        }
       printf("</div>\n");
       printf("</BODY>\n");
       printf("</HTML>\n");
       fflush(stdout);
       return 0;
    }
       
    

    编译通过后,网页往后台提交的内容如下:

    username=direwolf&password=123456&serverip=102.32.123.189&timeval=30

    上面的CGI程序利用sscanf处理此字符串,获取到了相应的信息。

    另一种方式是get提交,需要修改html代码中:

    <form method="POST" action="./cgi-bin/post.cgi">

    修改为:

    <form method="GET" action="./cgi-bin/get.cgi">

    其cgi源代码如下:

    #include<stdio.h>
    #include<stdlib.h>
    int main(void)
    {
       int len;
       FILE *fp;
       char *getstr;
       char servername[10],serverpasswd[10],serverip[10],timeval[10];
       fp=fopen("test.txt","wb+");
       printf("Content-Type:text/html\n\n");
       printf("<HTML>\n");
       printf("<BODY>\n");
       printf("<div style=\"/\"mce_style=\"/\"\"font-size:12px/\">\n");
       getstr=getenv("QUERY_STRING");
       if(getstr==NULL)
           printf("<DIV STYLE=\"/\"mce_STYLE=\"/\"\"COLOR:RED/\">ERROR Input,no Data!</DIV>\n");
       else
         fprintf(fp,"get data:%s\n",getstr);
       printf("<HR COLOR=\"blue\" align=\"left\" width=\"100\">");
       printf("input type=\"button\" value=\"Back CGI\" οnclick=\"javascript:window.location='../index.html'\">");
       printf("</div>\n");
       printf("</BODY>\n");
       printf("</HTML>\n");
       fclose(fp);
       fflush(stdout);
       return 0;
    }
       
    

    以get形式提交后可以看到浏览器端的url如下:

    www.direwolf.com/cgi-bin/get.cgi?username=direwolf&password=123456&serverip=102.32.123.454&timeval=30

    很明显这种方式提交数据是很不安全的。


    另外,要说明一点,Nginx不支持cgi,而且不支持静态提交,如果要支持需要修改网站配置项。

     

    展开全文
  • PHP表单提交有两种方式分别是:1、GET方式,GET提交方式在地址上可以看到参数,不安全,提交数据一般不超过255个字节;2、POST方式,POST提交方式在地址栏上看不到参数,安全,提交数据大小取决于服务器。PHP...

    PHP表单提交有两种方式,分别是:1、GET方式,GET提交方式在地址上可以看到参数,不安全,提交的数据一般不超过255个字节;2、POST方式,POST提交方式在地址栏上看不到参数,安全,提交数据的大小取决于服务器。

    09c51557e07d7508835dd3431a228405.png

    PHP表单提交有两种方式:GET方式和POST方式;PHP后台使用全局变量$_POST;和$_GET;来获取提交的数据。

    代码:

    简单表单提交

    姓名

    邮箱

    GET

    POST

    表单已提交

    $name = filter($_REQUEST['name']);

    $email = filter($_REQUEST['email']);

    function filter($data){

    $data = trim($data);

    $data = stripslashes($data);

    $data = htmlspecialchars($data, ENT_QUOTES);

    return $data;

    }

    ?>

    你好,<?php echo $name; ?>!您的表单已提交成功!

    更多信息会发送到您的邮箱:<?php echo $email; ?>

    af479275d39a1e8ca2f2f1e58e2606e9.png

    b88b5633b74f06c6b8075ad6f511d005.png

    区别

    1、外观上看

    get提交在地址上可以看到参数

    be75f786c532be3601eb22a0da436ef4.png

    post提交在地址栏上看不到参数

    9fa458751111ba94a8729be5f5f63d80.png

    2、安全性

    get不安全

    post安全

    3、提交原理

    get提交是参数一个一个的提交

    post提交是所有参数作为一个整体一起提交

    4、提交数据大小

    get提交一般不超过255个字节

    post提交的大小取决于服务器// 在php.ini中,可以配置post提交的大小

    post_max_size = 8M

    5、灵活性

    get很灵活,只要有页面的跳转就可以传递参数

    post不灵活,post提交需要有表单的参与1、 html跳转跳转

    2、JS跳转

    location.href='index.php?name=tom&age=20';

    location.assign('index.php?name=tom&age=20');

    location.replace('index.php?name=tom&age=20');

    3、PHP跳转header('location:index.php?name=tom&age=22')

    小结:GETPOST外观上在地址上看到传递的参数和值地址栏上看不到数据

    提交数据大小提交少量数据,不同的浏览器最大值不一样,IE是255个字符提交大量数据,可以通过更改php.ini配置文件来设置post提交数据的最大值

    安全性低高

    提交原理提交的数据和数据之间在独立的将提交的数据变成XML格式提交

    灵活性很灵活,只要有页面的跳转就可以get传递数据不灵活

    更多相关知识,请访问 PHP中文网!!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!

    展开全文
  • 标签中的表单提交方式有两种分别是: post get 那么,这两种表单提交方式有什么不同呢? 最明显区别是:在使用get方式提交时,提交的内容会显示在地址栏之后,而使用post方式提交时,提交的内容不会显示在地址...

    【总结】表单提交的get和post有什么不同?

    在编写网页表单时,< form>标签中的表单提交方式有两种,分别是:

    • post
    • get

    那么,这两种表单提交方式有什么不同呢?

    最明显的区别是:在使用get方式提交时,提交的内容会显示在地址栏之后,而使用post方式提交时,提交的内容不会显示在地址栏上。

    下面通过例子来说明:

    1、用get方式提交表单:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="GBK">
    <title>提交表单</title>
    </head>
    <body>
    <form action="request1.jsp" method="get">
    	请输入内容:<input type="text" name="info">
    	<input type="submit" value="提交">
    </form>
    </body>
    </html>
    

    结果如图所示:
    在这里插入图片描述
    地址栏:http://www.localhost:8080/javaweb/request/request1.jsp?info=%B7%DC%B6%B7%D6%D0%B5%C4%B1%E0%B3%CC%B2%CB%C4%F1

    可以看到,地址栏后面出现了表单提交的内容。

    2、用post方式提交表单

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="GBK">
    <title>提交表单</title>
    </head>
    <body>
    <form action="request1.jsp" method="post">
    	请输入内容:<input type="text" name="info">
    	<input type="submit" value="提交">
    </form>
    </body>
    </html>
    

    结果如图所示:
    在这里插入图片描述
    地址栏:http://www.localhost:8080/javaweb/request/request1.jsp

    我们发现地址栏上并没有表单提交的内容。

    所以,用get方式提交的内容会出现在地址栏之后显示出来,这一点与地址重写的格式是一样的;而post方式提交地址栏上不会出现表单提交内容,只是将提交后的目标地址显示出来。

    注意:当表单提交的数据比较大的时候,由于地址栏显示信息大小有限制,所以就应该选择post方式来提交表单。

    3、get与post两种方式的优缺点

    • get方式

    get是从服务器上获取数据,post是向服务器传送数据;

    get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB;

    get安全性非常低,post安全性较高。但是执行效率却比Post方法好

    get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到;

    在做数据查询时,建议用Get方式;

    • post方式

    post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址,用户看不到这个过程;

    所以:包含机密信息的话,建议用Post数据提交方式;而在做数据添加、修改或删除时,建议用Post方式

    了解了这两种方式的不同和各自优缺点后,能够帮助我们更好地选择合适的方式进行开发

    展开全文
  • Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是...
  • Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是...
  • 项目场景: 表单提交验证 问题描述: 问题1:表单提交laye @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, ...例如:Handler 发送消息有两种方式分别是
  • 提交表单信息_GET

    2018-01-23 09:31:01
    提交表单信息_GET  Web程序的任务就是实现服务器与客户端浏览器之间的信息交互。客户端提交的信息可能来自表单里的文本框、密码框、... 提交表单的方式有两种,一种是GET方式,一种是POST方式分别调用的是doGet
  • javaWeb应用后端防止表单重复提交

    千次阅读 2019-05-29 15:24:54
    正常我们防止一个页面的表单重复提交有2种途径 1:客户端控制(比如js判断,按钮置灰不可用等等这个大家自行网上查询) 2:服务器端针对api自己...客户端分别是基于两种方式实现:redis和session,个人倾向于redis ...
  • 两种数据传输的方式-get/post

    千次阅读 2016-06-19 20:24:36
    Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是...
  • Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是...
  • struts2中,表单想Action传递参数的方式有两种,并且这两种传参方式都是struts2默认实现的,他们分别是基本属性注入、域模型注入 、其中: ---基本属性注入,是将表单的数据项分别传入给Action中的一些基本基
  • 最近项目中要求使用这两种传输方式分别对不同接口传输参数,但是,老是会遇到一些中文参数问题,经过对URL研究,得出以下: form2中方法把数据提交给服务器,get和post,分别说下吧。 先贴一...
  • Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是...
  • 一、首先建一个django项目建一个Blog_demo项目,并在template下新建两...仅为能用此处说明:form表单的传输方式,主要有两种:get和post简单易懂的解读:get是url请求,post的主体提交;get时账号密码会明文显示出来...
  • 表单的基本标签

    千次阅读 2017-07-08 16:04:26
    Method指定提交的方式有两种分别为get和post。 Get和post区别:get传送数据量较小,不能大于2KB。5Get提交的数据会出现在地址栏中,能看到输入信息,所以安全性不是很高;post则不会这样,所以安全比get方式高。...
  • 一. 前言  前端调用有Form表单提交,ajax提交,ajax一般是用Jquery简化写法,在这里不再过多介绍;后端调用大约有这些:WebCient、WebRequest、Httpclient、WebapiClient,重点...PS:其中Post请求有两种分别...
  • from表单应用

    2019-04-08 09:06:47
    我们来学习from表单的应用,首先,我们要知道from的两个属性action和method,前者表示规定表单提交时向何处发生表单数据,后者规定了表单提交方式,简单的说就是前者是地址,后者是方式,而提交方式有两种分别...
  • HTML5 HTML5表单与PHP交互 (stage1-3)

    千次阅读 2017-12-27 17:34:46
    ... 我将它命名为index01 我们修改表单的标题: 2)接下来,创建一个表单: ... 在这里,我们在创建表单时,指定了两个属性: action:表示表单提交的服务器地址...method:表示提交方式有两种,分别为get和post
  • HTML-表单数据以"post"方法传递

    千次阅读 2019-01-04 08:34:26
    Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是...
  • Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 145
精华内容 58
关键字:

表单的提交有两种方式分别是