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

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

通常情况下,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;
}


相关文章
|
2月前
|
Web App开发 SQL Java
javaweb实现分页(二)
javaweb实现分页(二)
20 1
|
2月前
|
SQL 关系型数据库 MySQL
javaweb实现分页查询(一)
javaweb实现分页查询(一)
20 0
|
2月前
|
SQL 关系型数据库 MySQL
javaweb中实现分页,持续更新……
javaweb中实现分页,持续更新……
23 1
|
1月前
|
JSON Java 应用服务中间件
JavaWeb项目之乱码问题及如何解决
JavaWeb项目之乱码问题及如何解决
|
2月前
|
Java Spring 容器
[JavaWeb]——过滤器filter与拦截器Interceptor的使用、执行过程、区别
[JavaWeb]——过滤器filter与拦截器Interceptor的使用、执行过程、区别
|
2月前
JavaWeb 开发之 ServletContext 的和使用
JavaWeb 开发之 ServletContext 的和使用
23 1
|
1月前
|
JavaScript 前端开发
javaweb文件上传和下载
javaweb文件上传和下载
|
2月前
|
前端开发 NoSQL 应用服务中间件
javaweb单点登录的三种实现方式
javaweb单点登录的三种实现方式
39 0
|
2月前
|
SQL 前端开发 Java
Java后端进阶之路: JavaWeb(四)
Java后端进阶之路: JavaWeb
35 1
|
XML SQL Java
Java后端进阶之路: JavaWeb(三)
Java后端进阶之路: JavaWeb
35 1