JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

15411年前 (2016-01-07)javaScript5311

1、获取url很简单,代码如下:

     window.location.href;

2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情

首先看看单纯的通过javascript是如何来获取url中的某个参数:

        //获取url中的参数
       function getUrlParam(name) {          
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
           var r = window.location.search.substr(1).match(reg);  //匹配目标参数
           if (r != null)  return decodeURI(r[2]);  return null; //返回参数值,红色部分decodeURI处理乱码用
       }

 http://www.swzhinan.com/?cate=1&aa=你好

      我们要获取aa的值,可以这样写:

   var aa = getUrlParam('aa');

明白了javascript获取url参数的方法,我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法

复制代码
            (function ($) {
               $.getUrlParam = function (name) {                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");                    var r = window.location.search.substr(1).match(reg);                    if (r != null) return unescape(r[2]); return null;
               }
           })(jQuery);

复制代码

为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了:

   var aa = getUrlParam('aa');

3.如果本地正常,但服务器乱码。需设置服务器的配置文件(而且服务器配置好后,页面不用再做任何转码处理)。

找到服务的配置文件:/usr/local/tomcat7/conf/server.xml

找到:

 <Connector port="80" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443"/>


改为:(改为项目的字符集后,以上的页面就不用做任何的转码处理了)

 <Connector port="80" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" useBodyEncodingForURI="true" URIEncoding="UTF-8"/>

本文原创,转载必追究版权。

分享给朋友:

相关文章

bootstrap-suggest.min.js搜索下拉建议插件实例

bootstrap-suggest.min.js搜索下拉建议插件实例

效果图:官网demo1.引入外部js、css:<link id="bscss" href="${root}/bootstrap/css/bootstrap.css&...

js实现字符串 传参数 作为变量名 并为其赋值(动态变量名)

直接附代码,自己测试<html> <script> //例如:为变量x赋值1 xvalue('x','1');//变量名为:x,值为:1....

js向后台传json串时候 400 Bad Request 问题处理

ps:用js向后台传JSON串的时候,本地测试没有问题,上传到服务器运行报错:400 Bad Request,没有走到后台。URL参数直接通过不了   后来用tomcat版本测试,...

jquery实现飘窗(飘动图片) 插件bay-window.js

jquery实现飘窗(飘动图片) 插件bay-window.js

效果:   1.js及css部分:    <script type="text/javascript" src="/js/j...

bootsraps treeview选中子节点自动选中父节点及反选

bootsraps treeview选中子节点自动选中父节点及反选

效果图:引入外部JS及CSS文件:<link href="${root!}/resource/css/bootstrap.min.css" rel="stylesh...

js比较日期大小

ps: "2007-2-2" 格式的字符串不可以直接比较大小第1种方法:12345678function CompareDate(d1,d2){  return...

评论列表

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。