Js接收URL参数

最新推荐文章于 2024-06-04 19:55:06 发布
最新推荐文章于 2024-06-04 19:55:06 发布
阅读量1.4k 收藏
点赞数
文章标签： url encoding function xhtml jsp html
 对于web项目中一些参数通常都是拼接在url后面，在jsp中有request.getParameter("key")进行获取，在js中也可进行获取。

内容简单就直接贴例子了，(ps:map这个js函数在上一篇博客中有介绍)


进行跳转的页面：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="UTF-8" ?>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  6.   
  7. <title>redirect</title>  
  8. </head>  
  9. <body>  
  10.     <a href="search.html?name=akwolf&age=22">to a new page</a>  
  11. </body>  
  12. </html>  

目标页面，进行参数接收的页面：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="UTF-8" ?>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  6. <script type="text/javascript" src="../jslib/jquery-1.5.min.js"></script>  
  7. <script type="text/javascript" src="../jslib/map.js"></script>  
  8.   
  9. <script type="text/javascript">  
  10.     var map = new Map() ;  
  11.     $(function(){  
  12.         var info = $("#info") ;  
  13.         var param = window.location.search ;  
  14.         paramparam = param.substring(1) ;  
  15.         paramparams = param.split("&") ;  
  16.         $.each(params,function(){  
  17.             //var curr = this ;  
  18.             var m = this.split("=") ;  
  19.             map.put(m[0],m[1]) ;  
  20.         }) ;  
  21.     }) ;  
  22.     function showMsg(){  
  23.         alert(map.toString());  
  24.     }  
  25.       
  26. </script>  
  27. <title>search</title>  
  28. </head>  
  29. <body>  
  30.     <div id="info"></div>  
  31.     <input type="button" value="toStr" onclick="showMsg()"/>  
  32. </body>  
  33. </html>  
lyx程序人生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript解析URL参数示例代码
10-27
在本文中，将介绍如何使用JavaScript来解析URL参数。该技术在Web开发过程中非常有用，特别是当你需要从URL中获取特定信息时。本文通过创建一个专门的JavaScript类，利用正则表达式匹配URL中的查询字符串（query ...
js接收url参数
aheadkeeper的专栏
04-26 840
1, window.location.href 　　整个URl字符串(在浏览器中就是完整的地址栏) 　　　　　　　　　　　　　　返回值：http://www.cnblogs.com/Violet-sweet/articles/1740211.html 2,window.location.search 　查询(参数)部分。除了给动态语言赋值以外，我们同样可以给静态页面,并使用 javascript来获得相信应的参数值 　　　　　　　　　　　　　　返回值：?ver=1.0&id=timlq UR
JavaScript获取URL参数的几种方法
最新发布
weixin_74009702的博客
06-04 4769
在前端开发中，处理URL参数是一个常见的任务，尤其是在没有框架支持的情况下。虽然许多框架提供了方便的方法来获取URL参数，但有时我们需要依赖原生JavaScript来完成这个任务。这也是面试中经常出现的问题之一。今天让我们一起来探讨如何利用原生JavaScript来获取URL参数值。原生JS获取URL链接参数的方法有好几种，我们一起来学习一下常见的几种。1.使用正则表达式2.利用a标签内置方法3.利用split分割方法4.使用URLSearchParams方法。
js接收url参数的两种方法
weixin_34007886的博客
06-29 1772
//获取资讯类型的方法1 function getParameter(parm){ var query = window.location.search; var iLen = param.length; var iStart = query.indexOf(param); if (iStart == -1) return ""; iSta...
利用javascript接收URL参数
weixin_34195546的博客
11-08 111
< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd> <script> function request(key) { if(typeof(this)=="undefined")return false; if(this....
js正则解析URL参数示例代码
10-27
在JavaScript中，使用正则表达式解析URL参数是一种常见的技术，用于从URL中提取出特定的参数值。 在提供的文件信息中，我们看到了一个具体的示例代码，演示了如何使用JavaScript中的正则表达式来解析URL参数。以下...
javascript 获取url参数的正则表达式(用来获取某个参数值)
10-29
在JavaScript中，处理URL参数是常见的任务，尤其是在构建动态网页应用时。正则表达式是一种强大的工具，可以方便地从URL中提取特定的参数值。本文将深入探讨如何使用正则表达式来获取URL参数，并提供相关的示例代码...
js修改地址栏URL参数解决url参数问题
12-03
在JavaScript中，处理URL参数是常见的任务，尤其是在构建动态网页或者单页面应用(SPA)时。这个场景下，我们经常需要获取、修改或添加URL中的查询参数。在提供的标题和描述中，提到了一个名为`changeURLPar`的函数，...
js笔试题-接收get请求参数
01-19
请编写一个JavaScript函数，它的用途是接收url中get请求的参数，并返回为对象， 如： var url = “https://i.cnblogs.com/EditPosts.aspx?opt=1″。 本题考察了js如何获得url为字符串，以及字符串处理的方法。 1....
JavaScript获取链接url参数并生成对象
08-09
js地址栏参数获取，并生成对象
js获取url参数
huojiahui22的博客
02-21 1047
url:    ****/web/login/registershow?type=9要 在 js 中 获 取 url 的 参 数 type//获取参数方法 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.s
JS获取URL参数的4种方法总结
热门推荐
轻风细雨_林木木
11-15 2万+
JS获取URL参数的4种方法总结
几种JavaScript接受URL参数的方法
lee576的专栏
01-11 2242
1. function request(key) { if(typeof(this)=="undefined")return false; if(this.length>0) { var s = this.split("&"); for(var i in s) { var sp=s[i].split("=") if(sp[0]==key)return(sp[1]); } retur
JS-获取当前URL的参数
wang704987562的博客
07-14 1526
链接：http://localhost:8080/test/upload?test1=1&amp;test2=2 获取问号后面的参数 //返回对象 function getUrlVars() { var vars = {}; var parts = window.location.href.replace(/[?&amp;]+([^=&amp;]+)=([^&amp;]*)/g...
js 获取url参数对象
fengxing_2的专栏
03-06 1068
/** * 获取页面路径参数值 */ function getParams(key) { var result = {}; var paramStr = encodeURI(window.document.location.search); if (paramStr) { paramStr =...
js 原生接收URL传的参数
qq_32519421的博客
09-20 502
页面接收地址栏传值，兼容微信浏览器 function getQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)r...
javascript 接收参数
03-29
JavaScript 可以通过以下方式接收参数： 1. 通过函数参数接收参数： ```javascript function myFunction(param1, param2) { // 使用 param1 和 param2 } myFunction('参数1', '参数2'); ``` 2. 通过全局变量...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值