养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

a标签传值如何隐藏数据

时间:2024-10-15 22:30:57

在我们的日常生活中很多小伙伴们并不是很清楚a标签怎么隐藏传值数据,今天小编就为大家带来隐藏传值的方法,希望对你有所帮助。

工具/原料

电脑软件

方法/步骤

1、我们在写a标签的href时,有的时候不希望被人看到我们提交的参数,这个时候有两种解决办法,一种是用ajax设置提交方式为post方式(如果已经在ajax方法中,需要使用ajax嵌套,这个时候需要在内层ajax中设置async:false,设置请求方式为同步)

a标签传值如何隐藏数据

2、另外一种方法是在href的js方法中创建form表单提交,并设置提交形式为post,具体代码如下

a标签传值如何隐藏数据

3、<body><ahref="javascript:蟠校盯昂doPost("a颊俄岿髭ddStudent.action",{"name":"张三"})">提交</a><script>functiondoPost(to,p){//to:提交动作(action),p:参数varmyForm=document.createElement("form");myForm.method="post";myForm.action=to;for(variinp){

a标签传值如何隐藏数据

4、varmyInput=document.createElem娣定撰钠ent("input"像粜杵泳);myInput.setAttribute("name",i);//为input对象设置namemyInput.setAttribute("value",p[i]);//为input对象设置valuemyForm.appendChild(myInput);}document.body.appendChild(myForm);myForm.submit();document.body.removeChild(myForm);//提交后移除创建的form}</script></body>

a标签传值如何隐藏数据

5、如果设置成JavaScript:function()的形式,这个时候target属性就会不起作用,原因是不同的浏览器对这两个属性的处理前后顺序不一致,这个时候想要解决的话有两种办法

a标签传值如何隐藏数据

6、跳转href是一般跳转:此时你只需要在href的js方法中定义a标签的target属性即可如果是采取的form表单的post提交跳转方式:此时可以在form表单中设置属性这时target属性才会生效。

a标签传值如何隐藏数据

© 一点知识