您的位置:首页 > 其它

关于请求a标签跳转显示ID问题解决

2018-09-13 15:12 302 查看
最近在改造一些之前老同事写的代码,前端跳转修改或详情页面会带有ID展示,修改url上的id可以看查看或修改他人的数据

这次调整主要将url上的id过滤,因此在js中增加了相应的方法,demo如下

function toOperationByParams(url,args){
var body = $(document.body),
form = $("<form method='post'></form>"),
input;
form.attr({"action":url});
$.each(args,function(key,value){
input = $("<input type='hidden'>");
input.attr({"name":key});
input.val(value);
form.append(input);
});
form.appendTo(document.body);
form.submit();
document.body.removeChild(form[0]);
};
//在a标签上加上该class ,href改成data-href 也可以自定义其他属性
$(".url-edit").click(function(){
var urlData = $(this).attr("data-href");
var parts=urlData.split("?");
var url=parts[0];
var params={};
if(parts[1]){
var paramsArr=parts[1].split("&");
for(p in paramsArr){
parts=paramsArr[p].split("=");
if(parts[1]){
params[parts[0]]=parts[1]
}
}
}
toOperationByParams(url,params);
});
以上操作a标签的小手可能会小时,所以可以加上样式
.url-edit{
cursor:pointer;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐