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

为什么80%的码农都做不了架构师？>>>   

• 最近在改造一些之前老同事写的代码，前端跳转修改或详情页面会带有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;
  }

 

 

转载于:https://my.oschina.net/xpx/blog/2050841