HTML表单数据传输

最新推荐文章于 2023-02-21 22:02:04 发布

77458

最新推荐文章于 2023-02-21 22:02:04 发布

阅读量5.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web开发之路网页项目开发学习

本文链接：https://blog.youkuaiyun.com/qq_18661257/article/details/50616054

网页项目开发学习同时被 2 个专栏收录

15 篇文章

订阅专栏

web开发之路

14 篇文章

订阅专栏

HTML表单有两种提交方式，GET和POST。GET方式数据会显示在地址栏且有大小限制，不适合敏感信息传递。POST方式更安全，常用于注册等场景。本文主要讨论POST提交，特别是如何通过JavaScript和jQuery实现隐性表单提交，以解决数据分散提交的问题。

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

对于HTML表单的数据传输，有着基本的HTML基础的人就应该知道他总共有两种提交方式GET和POST，

GET提交方式是一种显示的提交方式，它使用GET方式提交数据的时候，浏览器会对URL进行URL encode编码，但是他的最终传送数据会显示在浏览器的地址栏，同时他的传送数据的大小是有很大的限制的，同时不安全。

如下:

<form action="shopBar.php" method="get">
    <input type="text" name="text">
    <input type="submit" value="提交">
</form>

得到的结果在PHP中$_GET['text'];

而浏览器的地址栏中会显示shopBar.php?text=文本中的值

这就回存在缺陷，所以当有注册类的网页部分的时候，一般都是POST进行提交，

同时GET的乱码可能性大于POST，这就是POST的优势，

而此节所说之事说的就是针对POST的书写方法，由于我们在进行一个完整的网站设置的时候，POST或者GET提交数据的时候，可能分布在一个网页代码的各个地方，提交数据分散开来不宜进行提交传输数据。

所欲，一般通过JS，JQ代码进行隐性提交。同时他还可以实现，不需要显性form设置，对于不是INPUT等需要用POST或者GET提交出去，JS,JQ莫过于最好的办法了，直接通过选择器将其中的数据通过<input type="hidden">标签.代码如下：

$(".a-post").click(function(){
        $(".a-post").attr("href","javascript:void(0)");
        var $form=$("<form>");
        $form[0].action="shopBarList.php?page="+$(this).attr("page");
        $form[0].method="post";
        if($(".pageBar").attr("search"))
        $form.append($("<input type='hidden' name='search' value = '"+$(".pageBar").attr("search")+"'>"));
        if($(".pageBar").attr("search_if"))
        $form.append($("<input type='hidden' name='search_if' value = '"+$(".pageBar").attr("search_if")+"'>"));
        $(".pageBar").append($form);
        $form.hide();
        $form.submit();
    });

以上是一个简单的例子。

这边是建立隐性form进行提交数据的方法