使用js切割URL的参数

对于一些开发场景，不使用Jsp或freemarker及其其他的模板引擎时，通常通过切割url获得对应的参数，然后通过AJAX与后台交互得到对应的数据

下面是演示实例:

test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>切割URL</title> </head> <body>
<a href="/LMS/test?userId=1">点击</a>
</body>
</html>

test2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三级联动效果</title>
<style type="text/css">  select{ width:100px; text-align:center;}
</style>
<script type="text/javascript">  window.onload=function(){  GetRequest();};  function GetRequest() {var fullURL = window.location.href;alert(fullURL);var url = location.search; //获取url中"?"符后的字串var theRequest = new Object();alert(url);if (url.indexOf("?") != -1) {var str = url.substr(1);strs = str.split("&");alert(strs)for(var i = 0; i < strs.length; i ++) {theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);alert(theRequest[strs[i].split("=")[0]]);}}return theRequest;}
</script>
</head>  <body>  <p>测试:</p>
</body>
</html>

转载于:https://www.cnblogs.com/youcong/p/8966942.html

使用js切割URL的参数相关推荐

js获取url地址栏参数的方法，解决中文乱码问题，能支持中文参数
js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数参考文章: (1)js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数 (2)https://www.cnblogs.co ...
js获取url地址参数
一.js获取url地址栏参数 1.传入url地址(获取某个参数) console.log(getQueryVariable('aid', "http://10.179.91.238:8000 ...
JS 把url的参数解析成对象
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 实现思路:请看log和打印结果 // url参数解析 function getUrlkey(url) ...
js获取url的参数
好久没有写博客,今天记录一下. 需求:获取当前页面url中带有的参数 1.定义一个GetRequest()方法 1 //获取url中的参数,如code 2 function GetRequest() ...
JS中URL编码参数(UrlEncode)
网上有很多文字作品写涉及在JS中呈现类似UrlEncode功能时都是自定义参数来呈现,其实JS中本身就有那样的参数. 参数parameter由于用类似URL的形式传过去 , 所以别直接就那样赋值以下 ...
使用js修改url地址参数并修改url地址
注: 微信小程序和公众号内屏蔽了 eval() 函数,需要用其他方法解决修改浏览器地址参数: function changeURLArg(url,arg,arg_val){var pattern= ...
前台js获取url传递参数(后台Request.QueryString接收)
1.方法 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^& ...
js获取URL中参数
URL中的参数一般位于URL的尾部,用"?"与url前面的内容隔开. 格式是 ?+参数名=值 ,如果有多个参数,在参数之间加上&进行区隔. 例: 对于URL:https:/ ...
js获取URL请求参数与改变src
js实现: <script> function GetQueryString(name) { var reg = new RegExp("(^|&)" + na ...
Js获取Url地址参数的几种方法
方法一 URLSearchParams()函数 geturlparam(){let that=this// window.location.href 获取地址let url = 'https://xx ...

使用js切割URL的参数

使用js切割URL的参数相关推荐

最新文章

热门文章