`

url参数与json

阅读更多

最近有个需求,就是根据url上面的参数,渲染某些按钮;当按钮点击后,提交选择。类似与京东的筛选。

我写了一个get_json的方法。

 

var URL_JSON_RELATION = {};

URL_JSON_RELATION.get_json = function () {
    var url_json = {}, params_array;
    params_array = decodeURI(window.location.search).substr(1).split('&');
    $.each(params_array, function (index, item) {
        if (item !== '') {
            var param_obj = item.split('=');
            url_json[param_obj[0]] = param_obj[1];
        }
    });
    return url_json;
};

正如你看到的,当没有参数的时候,得到的将是一个空对象。当我想要得到某个参数的时候呢?可以调用下面的方法。

 

URL_JSON_RELATION.get_value_of = function (key) {
    var url_json = '', value = '';
    url_json = this.get_json();
    if (url_json.hasOwnProperty(key)) {
        value = url_json[key];
    }
    return value;
};

 

就可以得到某个值了,默认的是‘’,当然,如果你不喜欢的话,可以把它的默认值设置为null。大家可以看下我的github,上面有一个例子,类似于京东的筛选功能。

 

 

 

分享到:
评论

相关推荐

    json对象转URL参数 jquery插件

    //要转换的json对象 var obj = {name: 'zs','class': {classId: 11, className: 'class1'},ids: [1, 2, 3] }; var url = $.jsonUrlEncode(obj); //url的输出结果 name=zs&class;.classId=11&class;.className=class...

    URL参数拼接类

    URL参数拼接, URL参数拼接, URL参数拼接, URL参数拼接, URL参数拼接

    FiddlerExtention_Parameter2Json:Fiddler插件:将每次请求的Header、POST数据、URL参数转为Json数据

    功能将每次请求的Header、POST数据、URL参数转为Json数据使用支持Fiddler4,不支持Fiddler2Release,或百度云,密码qfan将Data2Json.dll和Newtonsoft.Json.dll文件拷贝至Fiddler的Inspectors目录下Fiddler目录:C:\...

    HttpClient完整实例(普通参数、JSON格式参数)

    这个实例主要涉及了如何使用HttpClient发送POST请求,同时处理普通参数和JSON格式参数,以及解析响应内容。下面我们将深入探讨这些知识点。 一、HttpClient基础 HttpClient库提供了一套完整的API,允许开发者构建...

    javascript将url解析为json格式的两种方法.docx

    ### JavaScript将URL解析为JSON格式的两种方法 在现代Web开发中,经常需要处理URL的各种组成部分,例如协议、主机名、路径以及查询参数等。为了更方便地操作这些信息,通常会将URL转换成JSON格式的数据结构。本文将...

    HttpClient模拟get,post请求并发送请求参数(json等)

    它允许开发者模拟GET和POST等HTTP请求,并可以方便地发送JSON等数据作为请求参数。在本文中,我们将深入探讨如何使用HttpClient进行HTTP请求操作,以及如何处理JSON数据。 首先,我们需要引入HttpClient的相关依赖...

    微信小程序跳转传参数 传对象,wx.request的json数据传输

    一:跳转传参数 传对象 分享者:幼年程序猿,原文地址  一般都是传字符串到下一页,如果要想传对象怎么办呢? 我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串,再转化为对象。如下:   let ...

    JavaScript实现url参数转成json形式

    要将URL参数转换为JSON,我们可以遵循以下步骤: 1. **获取查询字符串**:首先,我们需要找到查询字符串在URL中的位置,这可以通过检查`?`字符来完成。如果存在,`indexOf('?')`会返回`?`的位置。然后,我们可以...

    JS获取url参数,JS发送json格式的POST请求方法

    总结一下,通过JavaScript我们可以轻松地获取URL参数,并使用XMLHttpRequest对象发送JSON格式的POST请求。这在进行网页交互、登录验证、表单提交等场景中非常常见。确保理解并正确应用这些技术对于开发功能丰富的Web...

    Java Http请求传json数据乱码问题的解决

    在JavaScript中,确保使用UTF-8编码序列化JSON对象,在Java服务端,使用`URLDecoder.decode`方法以正确的字符集解码请求参数。在必要时,可以通过前端的URL编码或Base64加密,后端的解码来进一步保证数据传输的准确...

    自己写的JavaScript获取URL参数方法

    通常,我们可以创建一个函数,该函数接受URL字符串作为输入,然后返回一个对象,该对象的属性与URL参数一一对应。以下是一个简单的示例: ```javascript function getURLParams(url) { var params = {}; var ...

    springmvc3+json参数传递后台接收json参数

    "springmvc3+json参数传递后台接收json参数"这个主题涉及到的是如何使用Spring MVC 3版本接收前端通过JSON格式发送的数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其易于人阅读和编写,...

    JS根据key值获取URL中的参数值及把URL的参数转换成json对象

    不废话了,直接贴代码了,通过示例一讲解JS根据key值获取URL中的参数值及把URL的参数转换成json对象,示例二讲解js获取url传递参数,具体内容请看下文 示例一: //把url的参数部分转化成json对象  ...

    使用java请求json接口数据

    在Java编程中,请求JSON接口数据是常见的网络通信任务,主要应用于Web服务的客户端与服务器之间的数据交互。这里我们将深入探讨如何使用Java来获取指定接口的JSON数据,并涉及`HttpServletRquest`类的重要作用。 ...

    javascript将url解析为json格式的两种方法

    本文介绍了javascript将url解析为json格式的两种方法,分享给大家,具体如下: 方法一:最简单的方法,利用a标签来实现 function parseUrl(url){ var a=document.createElement('a'); a.href=url; return { ...

    提交路径传递json参数(httpClient请求)

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其易读性和易于解析的特性,常用于服务器与客户端之间的数据传输。 首先,我们需要导入必要的库: ```java import org.apache.http.HttpEntity;...

    js将json格式的对象拼接成复杂的url参数方法

    总的来说,将JSON对象转换为URL参数字符串是前端开发中的常见需求。`parseParam`函数提供了一个解决方案,能够处理嵌套结构和数组,确保数据正确编码。然而,实际应用中可能需要进一步优化,例如处理null值或处理非...

    app接口传递json格式参数

    这里,我们将深入探讨“app接口传递json格式参数”的主题,以及如何在Java后台实现这一功能。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便机器解析和生成...

    一个JavaScript函数把URL参数解析成Json对象

    在这段代码中,我们选择了属性访问器方式,因为它允许动态地设置属性名,这在处理URL参数时非常方便,因为参数的键可能在运行时才知道。 总的来说,`parseQueryString`函数提供了一个实用的方法来处理URL的查询字符...

Global site tag (gtag.js) - Google Analytics