替a标签添加动态的请求参数

前言：通常情况下，我们《为a标签添加动态的请求参数》显得没有必要，因为a标签提供了href属性给我们，以来请求某一个资源，我们也可以在url中添加静态的参数，如<a href="love/you?name=xiaofang"/>，然而也有一些时候，我们不想一直使用form传递，我们也不想为每一个请求写ajax请求，那么这个时候我们怎么做呢？

代码

<a href="${ctx}/project/initPublishProduct?callbackType=forward&tabIndex=1" target="ajaxTodo" data="tabIndex" callback="ajaxDone" style="width: 100px;" class="btn btn-default">下一步</a>

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

<input type="hidden" id="tabIndex" value="${tabIndex}">

tabIndex可动态变化。

然后我们该怎么把tabIndex封装到a标签的请求参数中呢？

$.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;
}

如此，我们就可以很灵活的使用a标签了。