通过Javascript得到URL中的参数,也不要通过

即选取了 https 也并非通过 query strings 传敏感数据

亚洲城老虎机,2017/10/16 · 基础技术 ·
HTTPS

本文由 伯乐在线 –
xiaoheike
翻译,艾凌风
校稿。未经许可,禁止转载!
英文出处:HttpWatch通过Javascript得到URL中的参数,也不要通过。。欢迎参与翻译组。

劳动器端的 log 将公开记下完整 url;浏览器上的访问历史也会公开记下完整
url;Referrer headers 里也忠实记下完全 url,然后在旁人家的 谷歌(Google)Analytics 上出示。

我们平时听到的一个广泛难点是:“URL
中的参数是还是不是可以高枕无忧地传递到平安网站?”这一个题材时常出现在客户看了
HttpWatch 捕获的 HTTPS 请求后,想精通还有何人可以见到这一个多少。

 

诸如,假使在一个查询中,使用如下安全的 URL 传递密码字符串:

HttpWatch 可以体现安全请求的始末,因为它与浏览器集成,由此它亦可在
HTTPS 请求的 SSL
连接对数据加密此前查看数据。亚洲城老虎机 1

万一您利用网络嗅探器查看,例如
Network Monitor,对于同一个呼吁,你只好够查阅加密事后的数额。在数据包跟踪中尚无可知的网址,标题或内容:

亚洲城老虎机 2

你可以信任 HTTPS 请求是平安的,只要:

  • 未忽略任何SSL证书警告
  • Web 服务器用于启动 SSL 连接的私钥在 Web 服务器本身之外不可用。

因此,在网络规模,URL 参数是安全的,不过还有一部分任何根据 URL
泄漏数据的章程:

  1. URL 存储在 Web 服务器日志中–常常每个请求的完全 URL
    都被寄存在服务器日志中。那意味着 URL
    中的任何敏感数据(例如密码)会以公开方式保留在服务器上。以下是使用查询字符串通过
    HTTPS 发送密码时存储在 httpwatch.com 服务器日志中的条目:
    **2009-02-20 10:18:27 W3SVC4326 WWW 208.101.31.210 GET
    /Default.htm password=mypassword 443 …
    日常认为就是是在服务器上,储存明文密码一向都不是好想法
    2.URLs are stored in the browser history – browsers save URL
    parameters in their history even if the secure pages themselves are
    not cached. Here’s the IE history displaying the URL parameter:
  2. URL 存储在浏览器历史记录中–即便安全网页本身未缓存,浏览器也会将
    URL 参数保存在其历史记录中。以下是 IE 的历史记录,呈现了 URL
    的哀求参数:亚洲城老虎机 3

比方用户创设书签,查询字符串参数也将被贮存。

  1. URLReferrer 请求头中被传送–借使一个安全网页使用资源,例如
    javascript,图片或者分析服务,URL 将通过 Referrer
    请求头传递到每一个放到对象。有时,查询字符串参数可能被传送并存放在第三方站点。在
    HttpWatch 中,你可以看看大家的密码字符串正被发送到
    Google Analytics亚洲城老虎机 4

结论

涸泽而渔这些难点亟待两步:

  • 唯有在相对必要的动静下传递敏感数据。一旦用户被证实,最好使用所有有限生命周期的会话
    ID 来标识它们。

应用会话层级的 cookies 传递消息的独到之处是:

  • 它们不会储存在浏览器历史记录中或磁盘上
  • 它们寻常不存储在服务器日志中
  • 它们不会传递到嵌入式资源,例如图片或 JavaScript
  • 它们仅适用于请求它们的域和路线

以下是我们的在线集团中,用于识别用户的 ASP.NET 会话 cookie 示例:

亚洲城老虎机 5

请注意,cookie 被限制在域
store.httpwatch.com,并且在浏览器会话停止时过期(即不会储存到磁盘)。

你当然能够通过 HTTPS
传递查询字符串,不过绝不在可能出现安全题材的风貌下利用。例如,你可以高枕无忧的应用它们显示部分数字或者项目,像
accountview 或者
printpage,可是不要采用它们传递密码,信用卡号码或者其他不该了然的音信。

1 赞 收藏
评论

How to get the query string by javascript?,querystring

1.html:

<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a>

2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>javascript获取url参数和script标签中获取url参数</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js1.js?a=abc&b=汉字&c=123"></script>
<script type="text/javascript">
//lastest: url paramter: //测试链接:<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a>
var queryStrings=function() {//get url querystring
    var params=document.location.search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={};
    while((temp=reg.exec(params))!=null) args[temp[1]]=decodeURIComponent(temp[2]);
    return args;
};
//只取一个:
var queryString=function(key){
    return (document.location.search.match(new RegExp("(?:^\\?|&)"+key+"=(.*?)(?=&|$)"))||['',null])[1];
}




</script>
</head>

<body>
<div id="urlparamter"></div>
<div id="all"></div>
<div id="scriptparamter"></div>
<div id="allscript"></div>
<script type="text/javascript">
var args=queryStrings();
document.getElementById("all").innerHTML=args.name+" | "+args.sex+" | "+args.age+",all";
//alert(args.name+" | "+args.sex+" | "+args.age);
var argsname=queryString("name");
var argssex=queryString("sex");
var argsage=queryString("age");
document.getElementById("urlparamter").innerHTML =argsname+","+argssex+","+argsage;


</script>
</body>

</html>

  js1.js:

/*http://css.dusystem.com/example/index.html
window.location.protocol = "http:"
window.location.host = "css.dusystem.com"
window.location.pathname = "example/index.html"
http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript
http://www.cnblogs.com/sohighthesky/archive/2010/01/21/1653126.html
http://www.codeproject.com/Tips/574956/How-to-get-URL-and-QueryString-value-in-an-ASP-NET

test: <a href="1.html?id=5&type=1&flag=0" title="d">test</a>
*/

var strget="du";

function getArgs(strParame) 
{
var args = new Object( );
var query = location.search.substring(1); // Get query string
var pairs = query.split("&"); // Break at ampersand
for(var i = 0; i < pairs.length; i++) {
var pos = pairs[i].indexOf('='); // Look for "name=value"
if (pos == -1) continue; // If not found, skip
var argname = pairs[i].substring(0,pos); // Extract the name
var value = pairs[i].substring(pos+1); // Extract the value
value = decodeURIComponent(value); // Decode it, if needed
args[argname] = value; // Store as a property
}
return args[strParame]; // Return the object
}

//script paramter:
var getScriptArgs=function(){
//获取多个参数
    var scripts=document.getElementsByTagName("script"),
    script=scripts[scripts.length-1],//因为当前dom加载时后面的script标签还未加载,所以最后一个就是当前的script
    src=script.src,
    reg=/(?:\?|&)(.*?)=(.*?)(?=&|$)/g,
    temp,res={};
    while((temp=reg.exec(src))!=null) res[temp[1]]=decodeURIComponent(temp[2]);
    return res;
};

//
var argsscript=getScriptArgs();
//document.getElementById("scriptparamter").innerHTML =argsscript.a+" | "+argsscript.b+" | "+argsscript.c;
strget=argsscript.a;
//alert(argsscript.a+" | "+argsscript.b+" | "+argsscript.c+","+strget);
//document.getElementById("txtput").value=strget;
//document.getElementById("scriptparamter").innerHTML ="ge";
//txtput

//假如上面的js是在这个js1.js的脚本中<script type="text/javascript" src="js1.js?a=abc&b=汉字&c=123//"><//script>

var getScriptArg=function(key){//获取单个参数
    var scripts=document.getElementsByTagName("script"),
    script=scripts[scripts.length-1],
    src=script.src;
    return (src.match(new RegExp("(?:^\\?|&)"+key+"=(.*?)(?=&|$)"))||['',null])[1];
};
alert(getScriptArg("c"));


//set value
window.onload = function () {   

    getCommunitys(strget);
}

function getCommunitys(str) {
$("#scriptparamter")[0].innerHTML="ges";
//document.getElementById("scriptparamter").innerHTML =str;
document.getElementById("txtput").value=str;
}

  

to get the query string by
javascript?,querystring 1.html: a
href=”2.html?name=geovindusex=womanage=12″test getQueryString/a 2.html:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1…

大家清楚,”GET”请求中,平日把参数放在URL后边,比如那样

中间,蓝色部分便是URL中的参数。

至于小编:xiaoheike

亚洲城老虎机 6

简介还没来得及写 :)
个人主页 ·
我的小说 ·
10 ·
     

亚洲城老虎机 7

那么,怎样通过Javascript得到它吗?而且怎么从那样一堆字符串中找到自己所急需的参数所对应的值吗?

方法一:

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "": decodeURIComponent(results[1]);
}

console.log(getParameterByName("param")) //yes

1.html:

先来分解下那段代码吧:

<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a>

1:定义一个 getParameterByName
函数,接收必要查询的参数的key,然后回到那一个参数的value

2.html:

2:name = name.replace(/[\[]/, “\\\[“).replace(/[\]]/,
“\\\]”);
那句代码的功力是把 “[”  换成 “\[” , 把 “]” 换成 “\]”
,之所以做这么一个转换,是因为上面须要选拔name这一个变量去社团一个正则表明式,而
[ 和 ] 在正则中是重中之重字,所以须求转义。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>javascript获取url参数和script标签中获取url参数</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js1.js?a=abc&b=汉字&c=123"></script>
<script type="text/javascript">
//lastest: url paramter: //测试链接:<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a>
var queryStrings=function() {//get url querystring
    var params=document.location.search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={};
    while((temp=reg.exec(params))!=null) args[temp[1]]=decodeURIComponent(temp[2]);
    return args;
};
//只取一个:
var queryString=function(key){
    return (document.location.search.match(new RegExp("(?:^\\?|&)"+key+"=(.*?)(?=&|$)"))||['',null])[1];
}




</script>
</head>

<body>
<div id="urlparamter"></div>
<div id="all"></div>
<div id="scriptparamter"></div>
<div id="allscript"></div>
<script type="text/javascript">
var args=queryStrings();
document.getElementById("all").innerHTML=args.name+" | "+args.sex+" | "+args.age+",all";
//alert(args.name+" | "+args.sex+" | "+args.age);
var argsname=queryString("name");
var argssex=queryString("sex");
var argsage=queryString("age");
document.getElementById("urlparamter").innerHTML =argsname+","+argssex+","+argsage;


</script>
</body>

</html>

3 var regex = new RegExp(“[\\?&]” + name + “=([^&#]*)”)

  js1.js:

那句代码相比较简单,匹配 ? 或者 & 然后是 name 然后是 = 和 非(&或者#)。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website