a标签传值如何隐藏数据

 时间:2024-10-16 00:25:44

在我们的日常生活中很多小伙伴们并不是很清楚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标签传值如何隐藏数据

Visual Studio Code怎么关闭快速打开显示所有 win10系统电脑怎样才可以运行Java开发? el-tabs如何设置显示关闭图标 如何使用ES6中的Proxy设置和获取对象的属性 Myeclipse下导入外部JAR包三种方式
热门搜索
建国大业 电影 av电影网 哥窑瓷器图片 制作图片软件 张国荣电影