form的action中参数传不到后端（且提交方式为post）

Gumption
451 阅读2分钟

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

form的action中参数传不到后端（且提交方式为post）

写在前面：与网上get方式提交导致错误不同。

今天在前端写了如下表单：
<form action="Control?meth=add" method="post">
	                	
    <label >1.商品名称</label>
    <input type="text" id="name" name="G_NAME">
    <label>2.商品价格</label>
    <input type="text" id="price" name="G_PRICE" >
    <label>3.商品数量</label>
    <input type="text" id="quantity" name="G_QUANTITY">
    <input type="submit" id="submit" value="确认添加">
    <input type="button" id="submit" value="返回上一层">
</form>
后端报错为：

meth为null

尝试过的方案： action="Control?meth=add"有没有拼错字母； 后端meth有没有拼错字母，有无String meth=request.getParameter(“meth”);； *疯狂对比写过项目的前后端，逐行对比，疯狂切页面看有没有多余句子影响。 *看xml文件有无异样 网上有的解决方案： 需要注意的是如果采用GET方式，那么action url中参数都会被丢弃，提交时候只会把form中的数据拼接在url向服务器提交；但是POST的方式则不会这样，它会按照action指定的url进行提交数据，包含url后面跟着的参数和参数值。

get: get请求方式的表单的action属性中不能附带任何参数，如果仍然想使用GET请求方式，可以在form表单中添加相应的隐藏文本域，

但我是post,还是不行。

于是我灵光闪现打开网页F12

var current = null;
document.querySelector('#email').addEventListener('focus', function(e) {
    if (current) current.pause();
    current = anime({
        targets: 'path',
        strokeDashoffset: {
            value: 0,
            duration: 700,
            easing: 'easeOutQuart'
        },
        strokeDasharray: {
            value: '240 1386',
            duration: 700,
            easing: 'easeOutQuart'
        }
    });
});

第二行出现报错；

还有一点：为了追求酷炫（典型的彩笔还想装大神），我的JS是套的

结合报错，那就是前端页面出现了问题；

js代码拿进head里重写，将id选择器改了一下。

（这里有事就先停了。反正问题解决了就开开心心去吃饭）

STOP-------------------------玄学 （第二天开始查找原因）

本人查阅js阻止form 表单提交的博客，发现与我的错误不同。

昨天解决的方案是将js代码拿进head里重写。成功解决问题。

但是今天我为了找出没法提交的原因，还原了当时“案发现场”。

结果，，，，没有问题！！！页面跳转的丝滑简直如同吃了德芙巧克力一般·····

我怎么改js代码，就是全注释掉，也没莫得问题。。。

好吧。这篇博客算是烂尾，也算是记录一下计算机世界里的玄学。

555555555

如果发现问题会及时更新。

avatar
文章
阅读
粉丝