JS过滤url参数特殊字符的实现方法

 本篇文章主要是对JS过滤url参数特殊字符的实现方法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助

在URL传递参数中,有一些特殊字符,而这些些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了。
下表中列出了一些URL特殊符号及编码十六进制值 
1. + URL 中+号表示空格 %2B 
2. 空格 URL中的空格可以用+号或者编码 %20 
3. / 分隔目录和子目录 %2F 
4. ? 分隔实际的 URL 和参数 %3F 
5. % 指定特殊字符 %25 
6. # 表示书签 %23 
7. & URL 中指定的参数间的分隔符 %26 
8. = URL 中指定参数的值 %3D
 
解决的方法:
replace() 方法如果直接用str.replace("-","!") 只会替换第一个匹配的字符.
而str.replace(/-/g,"!")则可以替换掉全部匹配的字符(g为全局标志)。
 
replace()
 
js中替换字符变量如下:
data2=data2.replace(/%/g,"%25");
data2=data2.replace(/#/g,"%23");
data2=data2.replace(/&/g,"%26");
 
 

时间: 2024-10-30 17:39:06

JS过滤url参数特殊字符的实现方法的相关文章

JS过滤url参数特殊字符的实现方法_javascript技巧

在URL传递参数中,有一些特殊字符,而这些些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了.下表中列出了一些URL特殊符号及编码十六进制值 1. + URL 中+号表示空格 %2B 2. 空格 URL中的空格可以用+号或者编码 %20 3. / 分隔目录和子目录 %2F 4. ? 分隔实际的 URL 和参数 %3F 5. % 指定特殊字符 %25 6. # 表示书签 %23 7. & URL 中指定的参数间的分隔符 %26 8. = URL 中指定参数

JS将Url参数转换为JSON格式例子

我记得用JS将Url参数转换为数组的方法我以前写过的,结果昨天去面试,也有这个面试题目,然后不知道脑袋突然就不好使了,当时竟然没有分分钟写出来,感觉已无颜面对父老乡亲,现在再重写一遍,当时笔记吧, 代码如下: www.111cn.net function getParam(url='') {  if(url='')  { var url = window.location.href;  }   var index = url.indexOf('?') //获取?字符位置  url = url.s

js获取url参数与路径方法

js获取url参数与路径方法 如: http://localhost:8083/uimcardprjfunction getrootpath(){    //获取当 前网址, 如: jsp教程">http://localhost:8083/uimcardprj/share/meun.jsp    var curwwwpath=window.document.location.href;    //获取主机地址之后的目 录,如: uimcardprj/share/meun.jsp    va

JS获取地址栏参数的几种方法小结

 本篇文章主要是对JS获取地址栏参数的几种方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助   代码如下: <script>  // 获取地址栏的参数数组  function getUrlParams() {   var search = window.location.search;   // 写入数据字典   var tmparray = search.substr(1, search.length).split("&");   var params

JS获取地址栏参数的几种方法

JS获取地址栏参数的几种方法   <script>  // 获取地址栏的参数数组  function getUrlParams() {   var search = window.location.search;   // 写入数据字典   var tmparray = search.substr(1, search.length).split("&");   var paramsArray = new Array;   if (tmparray != null)

Vue.js Ajax动态参数与列表显示实现方法_javascript技巧

Vue.js简介 vue是法语中视图的意思,Vue.js是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API. 一.动态参数显示 ajax异步请求后,接收到返回的data参数并显示在前端 1.1 引入js,也加入了jQuery <script type="text/javascript" src="/js/vue.min.js"></script> <script type="text/javascript&

JavaScript重定向URL参数的两种方法小结_javascript技巧

这篇文章主要介绍的是JavaScript重定向URL参数的两种方法,下面话不多说,直接看示例代码. 一.字符拼接形式 function setUri(para, val) { var strNewUrl = new String(); var strUrl = new String(); var url = window.location.href; strUrl = window.location.href; if (strUrl.indexOf("?") != -1) { strU

prototype教程:使用JS接受URL参数的代码

初学prototype,发个JS接受URL参数的代码以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

JS 修改URL参数

本篇文章是对JS修改URL参数的实现代码进行了详细的分析介绍,需要的朋友参考下   复制代码 代码如下: function changeURLPar(url, ref, value) {     var str = "";     if (url.indexOf('?') != -1)         str = url.substr(url.indexOf('?') + 1);     else         return url + "?" + ref + &