分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

隐藏Url中的参数

发布时间:2023-09-06 01:50责任编辑:顾先生关键词:暂无标签

动态网页中怎么隐藏url参数传递

转自:https://www.cnblogs.com/limeiky/p/6202358.html

   我们在做动态网站的时候往往会在各个页面之间传递参数,而这些参数的名称和值都会在url地址栏中被暴露出来,这样一方面不安全,另一方面也不便于搜索引擎的收录,有的时候还有可能由于参数中含有中文而导致某些浏览器会出错(我发现在Firefox浏览器中用get方式传递中文参数时会出错)。所以我们有必要隐藏url参数传递,具体方法请看下面具体介绍。

  隐藏url参数传递,思路是用表单来传递参数,把参数的值放在表单中,并把表单设为隐藏,然后用超链接来触发表单事件,从而把参数以post方式传递给另一个页面。

  (1) 例: html文件为传递参数的页面,具体代码如下:

<form name="form1" method="post" action="a.action">   <input type="hidden" name="data1" value="http://www.htmer.com" />   <input type="hidden" name="data2" value="11" /> </form> <a href="javascript:void(0)" onclick="form1.submit()">HTMer隐藏url参数传递</a>

  

    说明:上面的代码中建立了一个名为htmer的表单,表单提交的页面为htmer.asp,这个表单中有两个隐藏域,分别名为data1和data2,我们的目的是将这两个隐藏域的值传递到htmer.asp页面中,上面代码中最关键的代码是最后一行,原理是用超链接来触发表单的submit提交事件。

  (2) 例:最终的代码如下,希望对别人有点帮助。

<form name="form1" method="post" action="a.action">   <input type="hidden" name="submit" value="1">   <input type="submit" name="test" value = "go" style="display:none"> ?//隐藏一个按钮  <a href="javascript:void(0)" onclick="javascript:document.form1.test.click();">测试主页 </a></form> 


事实上,点击超链接之后,触发了点击按钮的动作,按钮提交了表单!

转自:https://www.cnblogs.com/limeiky/p/6202358.html

   我们在做动态网站的时候往往会在各个页面之间传递参数,而这些参数的名称和值都会在url地址栏中被暴露出来,这样一方面不安全,另一方面也不便于搜索引擎的收录,有的时候还有可能由于参数中含有中文而导致某些浏览器会出错(我发现在Firefox浏览器中用get方式传递中文参数时会出错)。所以我们有必要隐藏url参数传递,具体方法请看下面具体介绍。

  隐藏url参数传递,思路是用表单来传递参数,把参数的值放在表单中,并把表单设为隐藏,然后用超链接来触发表单事件,从而把参数以post方式传递给另一个页面。

  (1) 例: html文件为传递参数的页面,具体代码如下:

<form name="form1" method="post" action="a.action">   <input type="hidden" name="data1" value="http://www.htmer.com" />   <input type="hidden" name="data2" value="11" /> </form> <a href="javascript:void(0)" onclick="form1.submit()">HTMer隐藏url参数传递</a>

  

    说明:上面的代码中建立了一个名为htmer的表单,表单提交的页面为htmer.asp,这个表单中有两个隐藏域,分别名为data1和data2,我们的目的是将这两个隐藏域的值传递到htmer.asp页面中,上面代码中最关键的代码是最后一行,原理是用超链接来触发表单的submit提交事件。

  (2) 例:最终的代码如下,希望对别人有点帮助。

<form name="form1" method="post" action="a.action">   <input type="hidden" name="submit" value="1">   <input type="submit" name="test" value = "go" style="display:none"> ?//隐藏一个按钮  <a href="javascript:void(0)" onclick="javascript:document.form1.test.click();">测试主页 </a></form> 


事实上,点击超链接之后,触发了点击按钮的动作,按钮提交了表单!

JavaScript:隐藏Url中的参数

转自:https://www.cnblogs.com/Cchblogs/p/6024012.html

<script type="text/javascript">function submitForm(url, data){  var eleForm = document.body.appendChild(document.createElement(‘form‘));  eleForm.action = url;  for (var property in data)  {    var hiddenInput = document.createElement(‘input‘);    hiddenInput.type = ‘hidden‘;    hiddenInput.name = property;    hiddenInput.value = data[property];    eleForm.appendChild(hiddenInput);  }  this.eleForm = eleForm;  if (!submitForm._initialized)  {    submitForm.prototype.post = function ()    ?{      this.eleForm.method = ‘post‘;      this.eleForm.submit();    };  submitForm._initialized = true;  }} function Onclick(){  //location.href = "/Activity/ActivityInformation?a_id=" + "1"; // Url中会带有参数  new submitForm(‘/Activity/ActivityInformation‘, { a_id: "1" }).post(); // Url中的参数被隐藏}</script>

  

隐藏Url中的参数

原文地址:https://www.cnblogs.com/zhumengke/p/8889721.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved