JavaWeb 为a标签添加动态请求参数

简介: 版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/48683873 通常情况下,a标签的href属性只能通过?name=xiaofang&age=10这种形式添加请求参数,这在某种场景下并不能满足我们的需求,我们需要a标签的参数更能向form表单一样自如。
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/48683873

通常情况下,a标签的href属性只能通过?name=xiaofang&age=10这种形式添加请求参数,这在某种场景下并不能满足我们的需求,我们需要a标签的参数更能向form表单一样自如。

代码

我们为其增加一个data属性,其data值指定为某一个元素id集合。

<a href="${ctx}/project/initPublishProduct?callbackType=forward&tabIndex=1" target="ajaxTodo" data="tabIndex" callback="ajaxDone" style="width: 100px;" class="btn btn-default">下一步</a>
<input type="hidden" id="tabIndex" value="${tabIndex}">
$.fn.extend({
    ajaxTodo : function() {
        return this.each(function() {
            var $this = $(this);
            $this.click(function(event) {
                var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));
                YUNM.debug(url);
                if (!url.isFinishedTm()) {
                    $.showErr($this.attr("warn"));
                    return false;
                }

                var dataId = $this.attr("data");

                if (dataId) {
                    if (dataId.indexOf(",") != -1) {
                        $.each(dataId.split(","), function(index, id){
                            if ($("#" + id) && $("#" + id).val()) {
                                addMoreParamForUrl(url, id, $("#" + id).val());
                            }
                        });
                    } else {
                        if ($("#" + dataId) && $("#" + dataId).val()) {
                            addMoreParamForUrl(url, dataId, $("#" + dataId).val());
                        }
                    }
                }

                var title = $this.attr("atitle");
                if (title) {
                    $.showConfirm(title, function() {
                        ajaxTodo(url, $this.attr("callback"));
                    });
                } else {
                    ajaxTodo(url, $this.attr("callback"));
                }
                event.preventDefault();
            });
        });
    },
});

我们先从a标签中获取data值,然后,根据data的值,获取隐藏域,然后再取隐藏域的值,封装到url中。

function addMoreParamForUrl(url, key, value) {
    if (url.indexOf("?") != -1) {
        url += "&" + key + "=" + value;
    } else {
        url += "?" + key + "=" + value;
    }
    return url;
}
相关文章
|
19天前
|
设计模式 Java 关系型数据库
【Java笔记+踩坑汇总】Java基础+JavaWeb+SSM+SpringBoot+SpringCloud+瑞吉外卖/谷粒商城/学成在线+设计模式+面试题汇总+性能调优/架构设计+源码解析
本文是“Java学习路线”专栏的导航文章,目标是为Java初学者和初中高级工程师提供一套完整的Java学习路线。
174 37
|
19天前
|
缓存 前端开发 Java
【Java面试题汇总】Spring,SpringBoot,SpringMVC,Mybatis,JavaWeb篇(2023版)
Soring Boot的起步依赖、启动流程、自动装配、常用的注解、Spring MVC的执行流程、对MVC的理解、RestFull风格、为什么service层要写接口、MyBatis的缓存机制、$和#有什么区别、resultType和resultMap区别、cookie和session的区别是什么?session的工作原理
【Java面试题汇总】Spring,SpringBoot,SpringMVC,Mybatis,JavaWeb篇(2023版)
|
3天前
|
安全 Java Android开发
JavaWeb解压缩漏洞之ZipSlip与Zip炸弹
JavaWeb解压缩漏洞之ZipSlip与Zip炸弹
15 2
|
4月前
|
前端开发 Java 关系型数据库
JavaWeb开发简介
JavaWeb开发简介
45 0
|
20天前
|
SQL JSON JavaScript
JavaWeb基础9——VUE,Element&整合Javaweb的商品管理系统
Vue 指令、生命周期、this和$、vue脚手架进行模块化开发/ElementUI框架、综合案例,element商品列表展示增删改查
JavaWeb基础9——VUE,Element&整合Javaweb的商品管理系统
|
2月前
|
JSON 前端开发 Java
【前端学java】SpringBootWeb极速入门-请求参数解析(02)
【8月更文挑战第12天】SpringBootWeb极速入门-请求参数解析(02)
17 1
【前端学java】SpringBootWeb极速入门-请求参数解析(02)
|
3月前
|
存储 程序员
JavaWeb之Listener监听器
JavaWeb之Listener监听器
45 0
|
4月前
|
前端开发 JavaScript 算法
javaweb(四)——过滤器与监听器
javaweb(四)——过滤器与监听器
|
4月前
|
存储 JSON 前端开发
JavaWeb中用来定义统一的响应结果的result类
JavaWeb中用来定义统一的响应结果的result类
80 0
|
4月前
分享JavaWeb中filter过滤器的案例妙用 - 脏话过滤/编码过滤/代码过滤
分享JavaWeb中filter过滤器的案例妙用 - 脏话过滤/编码过滤/代码过滤
26 0
下一篇
无影云桌面