springboot中html的传参问题

问题随手记

随手记录解决的问题

问题描述

学习springboot时，想把曾经写过的ssm项目用springboot试一下。本来一切顺利，结果因为html和jsp的某些不同导致一个修改信息的功能始终无法重现。

修改信息的过程大家都知道，获取前端的信息传到后台，经过处理后返回前端，然后用户在此基础上修改，最后提交完成对数据的更改。

这个过程中前后端有两次数据交互，第一次是将本身的信息传入后端，后端经过处理再显示在前端，此时肯定是显示在输入框（input）这种可编辑的对象内；第二次是提交修改的时候，将修改后的数据提交到后端完成对数据库的更改，修改信息就完成了。

第二次的数据交互明显不难，简单的表单数据提交，所有表单数据都会被提交到action所指的地方，在后端的获取轻而易举。

关键是第一次数据交互，搜遍全网我都没有发现行之有效的解决办法，当然也可能是我遇到的问题比较特殊。

详细分析

在jsp页面中，我先上一小段代码：

<a href="${pageContext.request.contextPath}/user/updateForm?userId=${user.userId}" class="btn btn-info">编辑</a>

这是一个编辑按钮，功能是点击后将用户的ID传到后台并在修改信息的界面显示该用户的原始信息。

通过URL传输数据，这个在html中也是可行的，但当我写到html中时：

<a href="updateForm?userId=${user.userId}" class="btn btn-info">编辑</a>

按照道理来说完全OK，结果给我显示如下错误：

Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986

大体意思就是url不符合规范，我当时的表情是这样的：

问题原因

通过对url的分析，最终发现是那个该死的EL表达式的问题。

${user.userId}

在url中，它将EL表达式当成的字符串而不是本身的值，因此就会出现url不合法的问题。

问题解决

知道了问题原因，解决就容易多了。既然EL表达式在标签中会被当成字符串，那么我惹不起还躲不起么，获取用户ID又不一定只有用EL表达式。

直接添加点击事件，采用JavaScript获取到用户ID，然后拼接URL，采用JavaScript跳转。

$(".btn-info").click(function () {
        var userId=$(this).parent().parent().children().eq(0).text();
        window.location.href="updateForm?userId="+userId;
    });

运行项目，问题解决。