• js获取地址栏参数,携带参数跳转页面


    1.获取地址栏参数

    /**
     * qs2obj('file:///E:/wamp/www/11-10-yunnan/column_xwdt.html?abc=1&aaa=2')
     * qs2obj(window.location.href).abc)
     * @param {String} url url地址栏
     * @return {Object}
     */
    function qs2obj(url) {
        var qs = url.split("?")[1];
        var arr = [];
        var res = {};
        if(!qs) {
            // return res;
        } else {
            arr = qs.split("&");
            for(var i = 0, len = arr.length; i < len; i++) {
                var key = arr[i].split("=")[0];
                var val = arr[i].split("=")[1];
                res[key] = decodeURIComponent(val);
            }
        }
        return res;
    }

    2.将对象转换为地址栏参数

    /**
     * obj2qs({'a':1,'b':2})
     * @author alan
     * @param {Object} obj 需要拼接的参数对象
     * @return {String}
     * */
    function obj2qs(obj) {
        if(!obj && !Object.keys(obj).length) {
            return "";
        } else {
            var arr = [];
            for(var key in obj) {
                arr.push(key + "=" + obj[key]);
            }
            return arr.join("&");
        }
    }

    3.JS携带参数跳转页面

    // 跳转页面js
    // goPage('single_detail.html')
    // goPage('single_detail.html',{'id':12,'val':123})
    function goPage(_src,_obj){
        _obj?window.location.href= _src + '?'+obj2qs(_obj):window.location.href= _src;
    
    }
  • 相关阅读:
    计划任务工具-windows
    [JavaWeb基础] 017.Struts2 和 ajax交互简介
    html5学习之路_007
    [PHP学习教程
    [PHP学习教程
    [注]还原记忆力的真面目
    理解Java对象序列化
    HashTable和HashMap的区别详解
    HDFS NameNode内存全景
    HDFS 原理、架构与特性介绍
  • 原文地址:https://www.cnblogs.com/miangao/p/14202186.html
Copyright © 2020-2023  润新知