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

1549年前javaScript4234

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"/>

标签: jsJquery乱码

相关文章

jquery.validate.min.js自定义添加验证方法(增加身份证、电话验证等)

1、添加验证方法在jquery.validate.js文件中直接添加验证方法,例如:jQuery.validator.addMethod("Specialstring", func...

js/jquery 实现点击图片更换头像(图片)实例

    总之一句话, 可以先将 file类型 的input 隐藏 起来,通过 图片(头像)的onclick事件 来触发 file 的onclick事件。1.引入外部js:...

Jquery实现自动提示magicsuggest-min.js实例

Jquery实现自动提示magicsuggest-min.js实例

效果图:   1.引入外部js、css:     <script src="${root!}/resou...

jquery 获取焦点

当文本框或下拉等必填时,如果没有输入就给予提示并使该文本框获得焦点!如果是js,对象.focus()即可。可是如果是jQuery, 这样$("#aa") 返回的就不是DOM对象而是...

js/Jquery判断变量是否含有汉字

  js判断变量是否含有汉字 ,直接附上代码:   var aa= '你好';    var...

jstree 实现动态加载树子节点

Js引用:<script src="${root!}/resource/js/plugins/jsTree/jstree.min.js"></script>...

评论列表

点我收录您
2016-05-18 16:56:30

jq方便点儿 JS也就是的 获取个传值还得用个函数 真该进化了

发表评论    

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