通过a标签向后台传递参数

分手后的思念是犯贱 2024-03-25 20:06 42阅读 0赞

首先a标签规定,a标签向后台传递的参数必须是定值,例如:

<a href="index.html?age=11">跳转</a>

如果你这样写的话,它无法识别age:

<a href="index.html?age="+age>跳转</a>
    //或者
    <a href="index.html?age="+${name}>跳转</a>

但是在工作中我们需要页面在跳转的时候,还有携带参数,那么我们就需要jQuery来帮助我们来完成了:

<a  href="#" id="toUserIndex">首页</a>

<script type="text/javascript">
    $(document).ready(function(){
            var username="[[${username}]]";
          $("#toUserIndex").click(function(){
            $("#toUserIndex").attr("href","/user/index/"+username);
          });
        });
    </script>

这样就可以实现a标签动态的向后台传输数据了.

我后台模板引擎用的是[thymeleaf][],所以获取js数据的时候用的是\[\[$\{username\}\]\].

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：[https://blog.csdn.net/qq\_37909508/article/details/89602956][https_blog.csdn.net_qq_37909508_article_details_89602956]

[thymeleaf]: https://so.csdn.net/so/search?q=thymeleaf&spm=1001.2101.3001.7020
[https_blog.csdn.net_qq_37909508_article_details_89602956]: https://blog.csdn.net/qq_37909508/article/details/89602956

发表评论取消回复

表情：

评论列表（有 0 条评论，42人围观）

还没有评论，来说两句吧...

相关阅读

相关通过a标签向后台传递参数

首先a标签规定,a标签向后台传递的参数必须是定值,例如: <a href="index.html?age=11">跳转</a> 如果你这样写的话,它无法识别age:

分手后的思念是犯贱/ 2024年03月25日 20:06/ 0 赞/ 43 阅读

相关前端打印通过form表单格式向服务端传递的参数

文章转载自：[程序猿雪儿][Link 1] https://www.cnblogs.com/cuteCoderSnow var m_params = getOpt

￡神魔★判官ぃ/ 2022年09月11日 10:15/ 0 赞/ 6 阅读

相关向Servlet中传递参数

在向服务器发送的请求中，可以附带不同的条件，让服务器响应出响应的结果，这个附带条件的过程称为传递参数。通过url传参这种方式是最常见的参数传递方式 htt

爱被打了一巴掌/ 2022年07月16日 00:15/ 0 赞/ 200 阅读

相关 ajax向后台传递参数-动态组织json串

ajax提交json格式的本质是提交了如下格式的参数："&name=123&password=456"，而且这种格式下，name和passowrd都可以是变量赋值，但是使用\{

水深无声/ 2022年07月13日 00:09/ 0 赞/ 176 阅读

相关向python脚本传递参数

import sys print sys.argv\[0\] sys.argv\[0\]是python脚本的名字；下面的例子是一个用来提取文本log.txt中含有匹配字

た入场券/ 2022年07月12日 04:43/ 0 赞/ 267 阅读

相关 ajax传递数组参数到后台

js中可以这样写：var values = $("input\[name=otherSpecialName\]").map(function()\{ return

爱被打了一巴掌/ 2022年07月12日 03:49/ 0 赞/ 192 阅读

相关如何向 Docker 容器传递参数

我们在运行 docker 镜像时希望能用下面的命令向容器传递命令行参数 > docker run <image-name> <command> arg1 arg2 > d

秒速五厘米/ 2022年05月28日 08:27/ 0 赞/ 201 阅读

相关 springmvc向返回页面传递参数

一概念二原理三使用 1）方法加入参数在控制器中的方法参数中写入Model model 参数，这个参数负责向返回的页面传入值 pub

Myth丶恋晨/ 2022年01月30日 18:13/ 0 赞/ 361 阅读

相关 SpringBoot中前端向后台传递set集合参数

废话不多说，干货两步走：第一步：后端先说后端代码的示例： @ApiOperation(value = "测试"

秒速五厘米/ 2021年11月10日 05:38/ 0 赞/ 799 阅读

相关如何向Docker容器传递参数

我们在运行 docker 镜像时希望能用下面的命令向容器传递命令行参数形式一： docker run <image-name> <command> arg1 ar

朴灿烈づ我的快乐病毒、/ 2021年11月08日 23:32/ 0 赞/ 547 阅读