js获取url参数拼接链接参数

最新推荐文章于 2024-07-24 15:14:00 发布
最新推荐文章于 2024-07-24 15:14:00 发布
阅读量5.5k 收藏
点赞数
分类专栏： JS+jQuery学习笔记 文章标签： url function server html div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bestdowt1314/article/details/4564821
版权

 

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>获取Url链接</title>

    <script type="text/javascript" src="misc/js/jquery-1.2.6.js"></script>

</head>

<body>

     <script type="Text/javascript">

 

     function $G(){ 

         var Url=top.window.location.href; 

         var u,g,StrBack=''; 

         if(arguments[arguments.length-1]=="#") 

         u=Url.split("#"); 

        else 

        u=Url.split("?"); 

        if (u.length==1) g=''; 

         else g=u[1]; 

        if(g!='')

        { 

        gg=g.split("&"); 

        var MaxI=gg.length; 

        str = arguments[0]+"="; 

        for(i=0;i<MaxI;i++)

        { 

        if(gg[i].indexOf(str)==0) 

        { 

        StrBack=gg[i].replace(str,""); 

        break; 

        } 

        } 

        } 

     return StrBack; 

      } 

 

 

       $(function(){

        $('#head1').change(function(){

 

        var pageSize=$(this).val();

        var orderType=$('#head2').val();

        var CategoryId=$G("CategoryId") ;

        var page=$G("Page") ;

 

        alert(pageSize);

        alert(CategoryId);

        alert(page);

         var url="PageSize="+pageSize+"&OrderType="+orderType+"&CategoryId="+CategoryId+"&Page="+page;

        alert(url);

        window.location.href="http://wangt.com/default.aspx?"+url;

 

        });

 

        $('#head2').change(function(){

        var pageSize=$('#head1').val();

        var orderType=$(this).val();

        var CategoryId=$G("CategoryId") ;

        var page=$G("Page") 

 

        alert(orderType);

        alert(CategoryId);

        alert(page);

         var url="PageSize="+pageSize+"&OrderType="+orderType+"&CategoryId="+CategoryId+"&Page="+page;

        alert(url);

        window.location.href="http://wangt.com/default.aspx?"+url;    

        });

       })

     </script>

    <form id="form1" runat="server">

    <div>

    <select id="head1">

    <option value="10">10</option>

    <option value="20">20</option>

    <option value="30">30</option>

    </select>

 

    <select id="head2">

     <option value="ASC">升</option>

     <option value="DESC">降</option>

     <option></option>

 

    </select>

    </div>

    </form>

</body>

</html>

bestdowt1314
关注
专栏目录
JavaScript - 把 URL 路径参数拆分为对象键值对形式（将页面路由的所有参数解析转为对象形式）
王佳斌
11-12 1482
js分割url参数并转换为对象，vue.js把URL的参数解析成一个对象，JS 把url的参数解析成对象，把网页链接URL上的?和&参数分割为对象的教程方法，js将url参数解析成一个对象，nuxt.js Vue 把url的参数解析成对象，js分解url参数(面向对象-极简主义法应用)，如何将URL字符串拆分/解析为对象?，js 获取URL中的参数并转换为对象，JS获取网站地址栏URL中的参数值并转换成json对象，Js将对象转换为URL参数及将URL参数转换为对象的方法，JavaScript - 把 UR
js获取url链接参数
猿学
03-06 313
js获取url链接参数 //url:http://test.com?name=111&amp;id=31 function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") !...
js URL参数的拼接方法比较
10-28
请求的URL后面带参数在项目中是很常见的，常用在的地方比如跳转到新页面或者请求CGI等
JS获取URL参数值的四种方法（转）
majalis_C的博客
05-11 467
本文转自这里 要在一个页面获取另外一个页面url传过来的参数,在网上找到了几个很又简单实用的方法，mark下。 方法一：正则法 复制代码 代码如下: function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.loc
js——网址动态拼接参数
努力、拼搏、奋进
08-25 1196
js——网址动态拼接参数
【日常记录-JS】获取URL参数
最新发布
zhaoyaxuan001的博客
07-24 290
实际项目中经常有些落地页会携带参数，并要求在发起请求时将携带的参数一并传递至后台服务。例如两个独立系统A和B，从A系统页面跳转至B系统页面，若需要在两个系统间传递部分信息，便可以通过在跳转url中拼接传递的信息来实现。
js获取url链接参数的一些方法
style201904的博客
07-07 333
//方法一 function getQueryString(key) { var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)"); var result = window.location.search.substr(1).match(reg); return result ? decodeURIComponent(result[2]) : null; } //方法二 function GetRequest(key)
微信小程序 navigator 跳转url传递参数
08-31
在 JavaScript 中，可以使用正则表达式来获取 URL 中的参数。例如： ``` function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1)....
浅谈javascript的url参数parse和build函数
10-20
总之，JavaScript中的URL参数parse和build函数是进行Web开发不可或缺的工具，它们使得参数的处理变得更加方便和高效。通过实现这两个函数，可以极大地简化对URL参数的操作，并在实际应用中发挥重要的作用。
js代码-截取URL参数
07-15
在JavaScript编程中，截取URL参数是一项常见的任务，它涉及到字符串处理和对象操作。URL（统一资源定位符）是Web应用程序的重要组成部分，其中包含了访问资源的相关信息，包括协议、主机名、路径、查询参数等。当...
JavaScript获取URL参数的几种方法
weixin_74009702的博客
06-04 8166
在前端开发中，处理URL参数是一个常见的任务，尤其是在没有框架支持的情况下。虽然许多框架提供了方便的方法来获取URL参数，但有时我们需要依赖原生JavaScript来完成这个任务。这也是面试中经常出现的问题之一。今天让我们一起来探讨如何利用原生JavaScript来获取URL参数值。原生JS获取URL链接参数的方法有好几种，我们一起来学习一下常见的几种。1.使用正则表达式2.利用a标签内置方法3.利用split分割方法4.使用URLSearchParams方法。
js关于url的解析和拼接
tsang荒男的博客
08-24 8047
这里写目录标题前言思路1、理解url2、解析url2.1、全量解析 前言 我们经常会遇到需要自己解析url地址，或者是自己拼接url，因此我们需要一个专门对url处理的js 思路 1、理解url url有6部分组成 例如: https://blog.csdn.net/weixin_43236062/article/details/109065450?id=1&name=huangnan ​ 协议： 常见的协议有两种，一种是http 一种是https 后面接:// 域名/ip： blo
url获取?后面所有拼接的参数
iblackboy的博客
09-02 6097
在页面传值的时候,经常使用到方法就是url后面通过?拼接参数,再结合&可以实现多个参数的传递,例如 http://www.test.com?a=123&b=xyz&b=456 传参不难,只需要按照格式拼接起来,难点在于如何获取拼接好的参数,以上面为例,也就是获取?a=123&b=xyz&c=456这部分内容 使用window.location.search！对，原生的这个api可以获取到?以及后面的参数值，但是不友好的地方在于获取的是字符串，给我们这么一坨东西
url如何拼接参数格式& ？ 用&和? =拼接
Williamqin_的博客
06-22 1397
另一种理解就是，当需要往url上拼接请求参数的时候，需要以【?】分隔符的右边开始拼接参数对，参数对的格式是【参数名=参数值】，不同参数对之间以【&】作为分隔符。通过下面的例子可以看出，第一个参数需要以【?】开头， 然后是参数名，然后是【=】，然后是参数值。下面是第二个参数的拼接开始则需要以【&】开头，然后是参数名，然后是【=】，然后是参数值。第二个参数 ： 开始需要以【?】开头，然后是参数名，第二个以【&】开头，然后是参数名。第一个参数：需要以【?】开头，然后是参数名。//两个参数拼接时用 & 连接。
JS获取网页的URL以及各参数
m0_52163529的博客
09-20 2730
在前端开发过程中难免会遇到处理 url 参数的问题，使用框架进行项目开发时或许不用，它们有自带的获取参数的方式。但是抛开使用框架，我们也可以使用原生 js 方式或借助于第三方库来实现参数的获取。下面总结了几种获取 URL 参数的方式。name=张三&age=20&sex=male';// 使用？分隔字符串，并获取数组的第二个参数的值（下表索引为 1 ）')[1];// 创建空对象存储各个参数// 通过 & 将每个参数截取出来。
js 拼接url和参数
热门推荐
sun
08-20 1万+
class Url { /** * 传入对象返回url参数 * @param {Object} data {a:1} * @returns {string} */ getParam(data){ let url = ''; for(var k in data){ let value =...
Js获取Url地址参数的几种方法
threedeformity的博客
04-10 936
原文链接：https://blog.csdn.net/hu104160112/article/details/111355343。URLSearchParams()函数。以 / 连接的地址获取末尾。
javaScript解析Url参数拼接
weixin_39330484的博客
11-22 999
getUrlJoin(url) { if (url) { let arr = url.split("?")[1].split("#")[0].split("&"); let resObj = {}; let resArr = []; arr.forEach(item => { let [key, value = ""] = item.split("="); resArr.push({ paramKey: key, .
js 地址栏url 拼接一个或多个参数传参和获取参数方法
zcc的博客
12-09 1万+
1、js 地址栏url 传一个参数和多个参数时拼接方法： let ipaddr = "192.168.1.199"; let path = "/scene.cgi"; //以上都可以动态设置当参数传进去 //一个参数 let getTimestamp = new Date().getTime();//时间戳 let url= "http://" + ipaddr + path + "?timestamp=" + getTimestamp; console.log(url);// http://192
定向传参技术：URL、JavaScript与服务器交互
1. URL参数传递： - 通过`window.location.href`在JavaScript中实现页面跳转并带上参数，例如：`window.location.href = 'reply.aspx?word_id=' + id + '&ip=' + ip;` - 在HTML中，可以使用`<a>`标签的`href`属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值