首页 > 其他分享 >URL查询字符串与JS对象互转

URL查询字符串与JS对象互转

时间:2023-05-07 18:33:25浏览次数:43  
标签:function sdata URL JS url let urlQuery 互转 result

formatUrlQuery: function (...urlQuerys) {
    let result = {};
    urlQuerys.forEach((urlQuery) => {
        if (typeof urlQuery == 'object') {
            Object.assign(result, urlQuery);
        } else {
            Object.assign(result, sefa.parseUrlQuery(urlQuery));
        }
    });

    const sdata = [];
    for (let attr in result) {
        sdata.push(`${attr}=${encodeURIComponent(result[attr])}`);
    }

    return sdata.join('&');
}

 

parseUrlQuery: function (url) {
    url = url || '';
    let obj = {};
    let reg = /([^?=&]+)=([^?=&]+)/g;
    url.replace(reg, function () {
        obj[arguments[1]] = decodeURIComponent(arguments[2]);
    });
    return obj;
}

 

标签:function,sdata,URL,JS,url,let,urlQuery,互转,result
From: https://www.cnblogs.com/msvc/p/17379759.html

相关文章

  • 在web中使用json json异常
    今天在web中使用Jacjson将后端对象转换为json类型传输,在pom中导入依赖,代码中也可以引用,启动tomcat后发现启动失败,报jackson的异常。以为是jacson和spring的版本冲突问题,换版本,也是不能启动。换了fastjson后在代码中导入包,发现不能正常弹出方法引用,突然发觉,可能是tomcat的lib目录没......
  • libcurl 移植 支持https,openssl NDK (二)
    一、编译环境介绍:(有一部分原因是环境造成编译失败)系统版本:ubuntu-16.04.3-desktop-amd6464位(可以使用虚拟机)NDK版本:Android-ndk-r10b                 (已经测试,使用Android-ndk-r17b无法通过)源码版本:curl-7.61.0               https......
  • Windows10下安装OpenSSL curl WIN32 /WIN64 openssl1.1.x
     首先是环境,强调下环境,很多问题是环境造成的。1.WINDOWS1064位系统;2.VisualStudio2015 工具: 1.ActivePerl-5.24.3.2404-MSWin32-x64-404865.exe,下载地址:https://www.activestate.com/products/activeperl/downloads/  2. openssl-1.1.0f.tar.gz  下载地址: h......
  • IDEA 设置JSP启动页面/默认页面
    一图解千惑在项目中WEB-INF中的web.xml文件中配置项目的默认启动页面。web.xml 是个XML格式的文件<?xmlversion="1.0"encoding="UTF-8"?><web-appxmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance&......
  • IDEA 设置JSP启动页面/默认页面
    一图街千惑额在项目中WEB-INF中的web.xml文件中配置项目的默认启动页面。web.xml 是个XML格式的文件<?xmlversion="1.0"encoding="UTF-8"?><web-appxmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instanc......
  • 使用 JavaScript连接Oracle 数据库(js连接oracle)
    原文链接 在建立Web交互应用程序时,一般使用JavaScript语言作为表现层,而Oracle作为背后真正的数据库。连接JavaScript和Oracle数据库需要一组技术,可以实现将JavaScript执行的数据请求发送到服务器上的Oracle数据库,这样就可以访问和操作Oracle数据库中的相关内容。 在建立Web......
  • Vue.js设计与实现 第一章
    一,框架设计概览1.权衡的艺术1.1命令式和声明式命令式框架的一大特点就是关注过程.自然语言描述能够与代码产生一一对应的关系,代码本身描述的是"做事的过程",这符合我们的逻辑直觉。声明式框架更加关注结果.1.2性能与可维护的权衡1.3虚拟DOM的性能如何1.4运行时和......
  • 【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无
    问题描述开发AzureJSFunction(NodeJS),使用mssql组件操作数据库。当SQL语句执行完成后,在Callback函数中执行日志输出 context.log("..."),遇见如下错误:Warning:Unexpectedcallto'log'onthecontextobjectafterfunctionexecutionhascompleted.Pleasecheck......
  • js 打印页面局部区域(指定位置)
    1.情景展示在浏览器的网页上,我们可以通过window.print()实现网页的打印功能。但是,该方法打印的是当前网页上面所有展示的内容,如何只打印指定区域内容呢?如下图所示,只将送检申请单所在区域打印出来,其它位置不用管,如何实现?2.具体分析window.print()打印的是全部内容,那我们就......
  • 记一次使用laravel-snappy把g2和plotly.js图生成pdf踩坑经历
    最近有一个需求,需要把页面上的echarts等js组件生成的图表放到pdf中。使用laravel框架,找到了laravel-snappy这个包,其底层是使用wkhtmltopdf来生成pdf。因为有把数据点都画到箱型图上的需求,找到了plotly.js这个组件,功能还是很强大的,可以轻松实现如下的效果 页面都没问题,然使用lar......