Ajax的post表单，不在url后接一大串参数键值对的方法

Posted 2021-01-13 Seems

$(\'#loginForm\').on(\'submit\',function (ev) {
        //阻止表单参数附在url后面
        ev.stopPropagation();
        ev.preventDefault();

再在下面写上Ajax方法

即可阻止url后接一大串键值对参数

 

stopPropagation()方法

该方法将停止事件的传播，阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意，虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用，但是它可以阻止把事件分派到其他节点

 

preventDefault() 方法

阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）

 

以上，但这样做有一个问题，这样的话，表单的数据将不以formdata的形式传值，而是request payload

而request payload在servlet中是获取不到的

原因：post请求的Content-Type为application/x-www-form-urlencoded，参数是在请求体中，即上面请求中的Form Data。

　　　而请求的Content-Type为text/plain;charset=UTF-8，而请求表单参数在RequestPayload中

 

这样的话，有一个解决方案，即为修改请求的Content-Type

在Ajax中可以这样写：

//阻止附在url后面的话，参数不会再formdata中，而是request payload中，故改请求头的类型
            
            contentType:"application/x-www-form-urlencoded",

如此

即可在servlet中用request.getParameter()方法来获取参数值了

 

以上是花了蛮多时间，参考他人博客和网上资料得出的解决方法

参考链接如下：

不让url变化的参考：https://segmentfault.com/q/1010000007157022?_ea=1254896

request payload问题的解决参考：https://www.2cto.com/kf/201701/589783.html

Ajax方法参数的详解：https://www.cnblogs.com/tylerdonet/p/3520862.html