通过jquery 获取URL参数并进行转码

jquery 获取URL参数并转码，首先构造一个含有目标参数的正则表达式对象，匹配目标参数并返回参数值

代码如下：

<script type="text/javascript">
$(document).ready(function(){
var pic_url=getUrlParam("picture"); 

$("#childpic").attr("src",pic_url);
var content=getUrlParam("content");
$("#content").html("<b>"+content+"</b>");
});
function getUrlParam(name){
//构造一个含有目标参数的正则表达式对象
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
//匹配目标参数
var r = window.location.search.substr(1).match(reg);
//alert(r);
//返回参数值
if (r!=null) return decodeURI(r[2]);
return null;
}
</script>

测试url：http://xxxx.html?picture="XXXX"&content="你好！"

赞 (0)

相关推荐

  • 使用jquery获取url以及jquery获取url参数的实现方法

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下 window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数 function getUrlParam(name) { va

  • jQuery封装的获取Url中的Get参数示例

    js的纯前台处理时会遇到将一个网页的参数,通过get方式,传递给下一个页面的问题. 此时可以使用js的方式得到当前页面的url中的get参数. 核心语句是: window.location.href 详细代码不解释了,有注释,你看了就懂.封装成jQuery扩展包. 复制代码 代码如下: (function($){ $.extend({ /** * url get parameters * @public * @return array() */ urlGet:function() { var a

  • jquery URL参数判断，确定菜单样式

    复制代码 代码如下: $(function() { var Param = window.location.href.split('?')[1]; var Uid; var aq = Param.indexOf('&'); if (aq < 0) { Uid = Param.substring(4); } else { var Psd = Param.split('&')[0]; Uid = Psd.substring(4); } var _NaN = /^\d{1,5}$/; if

  • idTabs基于JQuery的根据URL参数选择Tab插件

    idTabs基于JQuery的根据URL参数选择Tab插件

    为了做这件事,除了jquery库和idTabs插件,我们还需要下载一个用来搞URL的插件:jquery.url.js,传送门:https://github.com/allmarkedup/jQuery-URL-Parser (上述链接可能有错,如不能使用,可以到这里下载) 我们提供idtabs打包下载 http://www.jb51.net/jiaoben/43086.htmlTab菜单的HTML代码这样写,每个tab的div自己搞定,不发出来浪费页面了: 复制代码 代码如下: <div cla

  • Jquery读取URL参数小例子

    复制代码 代码如下: $(document).ready(function(){ function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unes

  • jQuery 获取URL参数的插件

    例如 当前你的URL是: http://www.jb51.net/index.php?test=1&kk=2 如果想获取test,则可以引入插件后, 用如下方法获取: var test = $.query.get('test'); 如果参数有多个相同的名称 ,则可以这样: var arr = $.query.get('testy'); 输出: [ 值1 , 值2, 值3...] 如果要获取多个相同名称中的某一个,可以这样: var arrayElement = $.query.get('test

  • jquery获取url参数及url加参数的方法

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作,下面通过文字说明加代码分析的形式给大家解析,具体详情请看下文. 1.jquery获取url很简单,代码如下: 复制代码 代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识. 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如

  • jquery获取URL中参数解决中文乱码问题的两种方法

    从A页面通过url传参到B页面时,解析url参数可以用下面两种方法: 方法一:正则分析法 复制代码 代码如下: function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != nu

  • javascript/jquery获取地址栏url参数的方法

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下 复制代码 代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数 复制代码 代码如下: function

  • 使用jquery获取url及url参数的简单实例

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识. 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数: //获取url中的参数 function getUrlP

  • jQuery 获取URL的GET参数值的小例子

    复制代码 代码如下: // * jQuery url get parameters function [获取URL的GET参数值]// *character_set UTF-8// * author Jerry.li(lijian@dzs.mobi)// * version 1.2012.12.11.1400// *  Example// *     <code>// *      var GET = $.urlGet(); //获取URL的Get参数// *      var id = GE

  • jQuery获取URL请求参数的方法

    本文实例讲述了jQuery获取URL请求参数的方法.分享给大家供大家参考.具体如下: $.extend({ getUrlVars: function(){ var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].

随机推荐