用jQuery将JavaScript对象转换为querystring查询字符串的方法
在get方式的参数传递中,常常需要将JavaScript对象,转换成查询字符串,比如:
{ method: 'get', state: '200' }
会转换成
?method=get&state=200
方法1:用JavaScript
serialize = function(obj) { var str = []; for (var p in obj) if (obj.hasOwnProperty(p)) { str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } return str.join("&"); } console.log(serialize({ foo: "hi there", bar: "100%" }));
输出:
// foo=hi%20there&bar=100%25
方法2: 用jQuery插件
jQuery的$.param内置此方法,可直接使用:
var data = { method: 'get', state: '200' } var send = $.param(data) console.log(send) // method=get&state=200
jQuery 的get方法会默认使用 $.param 转换的参数:
$.get('/test', { a: 1, b: 1}) > GET http://ourjs.com/test?a=1&b=1 404 (Not Found)
总结
以上所述是小编给大家介绍的用jQuery将JavaScript对象转换为querystring查询字符串的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
相关推荐
-
Vue.js实现分页查询功能
本文实例为大家分享了Vue.js实现分页查询的具体代码,供大家参考,具体内容如下 vue.js的使用如下: 1.引入vue.js <script src="~/js/vue2.2.4.js"></script> a.分页条 <ul class="pagination" id="pagination1"></ul> b.分页条js.css <link href="~/css/page.
-
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
1.jquery grep()筛选遍历数组(可以得到反转的数组) // 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArray = $.grep(array,(currentValue) => { return currentValue > 10; }); console.log(`${filterArray}---${filterArray.length}`
-
nodejs+mongodb aggregate级联查询操作示例
本文实例讲述了nodejs+mongodb aggregate级联查询操作.分享给大家供大家参考,具体如下: 最近完成了一个nodejs+mongoose的项目,碰到了mongodb的级联查询操作.情形是实现一个排行榜,查看某个公司(organization)下属客户中发表有效文ruan章wen最多的前十人. Account表:公司的信息单独存在一个account表里. var AccountSchema = new Schema({ loginname: {type: String}, pas
-
JSP实现带查询条件的通用分页组件
分页功能的代码就是这样的,在需要展示列表的页面,我们基本都需要加上分页功能,如果某天boss想要修改分页功能的样式,我们不能去一个一个的改吧. 下边给大家分享一个自己封装的通用分页组件. 1. 效果展示 2. 使用方式 1 )在需要显示分页信息的位置,直接引入pagination.jsp页面. <!-- 分页内容 --> <%@include file="/WEB-INF/decorators/pagination.jsp" %> <!-- 分页内容结束
-
Django objects的查询结果转化为json的三种方式的方法
第一种方式: 利用seriallizers 这个方法,官网的解释说:将复杂的数据结构变成json.xml或者其他的格式 import json from django.core import serializers def area2(request,id): data = {} province = serializers.serialize("json",AreaInfo.objects.filter(parea__isnull=True)) data["data&quo
-
JavaScript的查询机制LHS和RHS解析
JavaScript 引擎在查找一个变量的时候,有两种查找机制:LHS 和 RHS. RHS 的查询是简单地查找到某个变量的值,而 LHS 则是试图找到变量的容器的本身. 一个简单的例子:当我们执行 console.log(a) 时,执行的就是 RHS ,因为这里 a 并没有赋予任何的值.相应的,需要查找并取得 a 的值,这样才能将值传递给 conso.log(..). 而当我们执行到 a = 2 时,这里对 a 的引用就是 LHS 引用,因为实际上我们并不关心当前的值是什么,只是想要为 =2
-
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
JavaScript 程序中的一段源代码在执行之前会经历三个步骤,统称为 编译 分词/词法分析 解析/语法分析 代码生成 先看原书对一个赋值操作的拆解说明: 变量的赋值操作会执行两个动作,首先编译器会在当前作用域中声明一个变量(如果之前没有声明过),然后在运行时引擎会在作用域中查找该变量,如果能够找到就会对它赋值. --- <你不知道的JavaScript(上卷)> P7 而要讲的 LHS 和 RHS 就是上面说的对变量的两种查找操作,查找的过程是由作用域(词法作用域)进行协助,在编译的第二步
-
用jQuery将JavaScript对象转换为querystring查询字符串的方法
在get方式的参数传递中,常常需要将JavaScript对象,转换成查询字符串,比如: { method: 'get', state: '200' } 会转换成 ?method=get&state=200 方法1:用JavaScript serialize = function(obj) { var str = []; for (var p in obj) if (obj.hasOwnProperty(p)) { str.push(encodeURIComponent(p) + "=&q
-
从URL中提取参数与将对象转换为URL查询参数的实现代码
一.从URL中提取参数 有下列字符串: var linkURL = 'http://localhost:8080/String/string_6.html?昵称=小西山子&age=24#id1'; 对于一个真实的URL地址,可以用js来读取location中的相关信息来获得某些信息,下面列举一些: 复制代码 代码如下: location.origin : http://localhost[域] location.pathname : /project_js/Javascript/js_basic
-
对象转换为原始值的实现方法
首先,我们要明白原始值得概念 原始值 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置. 引用值 存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处 ----引用了w3c里的概念 原始值,简单点理解就是 null undefined string number Boolean 这些 对象转换为boolean相对简单 所有的对象(包括数组和函数)都转换成true,包装对象从也是对象,也转换为true 书上是这么说
-
JavaScript使用replace函数替换字符串的方法
本文实例讲述了JavaScript使用replace函数替换字符串的方法.分享给大家供大家参考.具体如下: JavaScript通过replace函数替换字符串,下面的代码将Visit Microsoft中的MicroSoft替换成jb51.net <!DOCTYPE html> <html> <body> <p> Click the button to replace "Microsoft" with "jb51.net&qu
-
PHP实现将科学计数法转换为原始数字字符串的方法
本文实例讲述了PHP实现将科学计数法转换为原始数字字符串的方法,分享给大家供大家参考. 具体实现代码如下: 复制代码 代码如下: function NumToStr($num){ if (stripos($num,'e')===false) return $num; $num = trim(preg_replace('/[=\'"]/','',$num,1),'"');//出现科学计数法,还原成字符串 $result = ""; wh
-
详解WordPress中给链接添加查询字符串的方法
查询字符串指的是链接中后边的问号后的查询语句,格式为 key=value,多个查询语句用 & 符号分开.add_query_arg() 函数就是 WordPress 提供的一个方便的函数,可以帮你给一个链接添加一个或者多个查询语句. 有人会问,添加查询字符串直接在链接后边手动追加不就可以了吗?这样有时候可行,但链接如果本身就有查询字符串就会造成格式错误的问题,而且也不利于 PHP 编写管理,而 add_query_arg() 函数帮你把一切都想好了,你只需要给出要添加查询字符串的链接和一个或多个
-
Javascript格式化并高亮xml字符串的方法及注意事项
两个关键点 1.使用DOMParser解析xml 2.递归遍历xml树,按格式输出每一个节点 关于使用DOMParser 此方法目前在IE9以上和其它浏览器里都是支持的,所以这里不在写关于IE9以下不支持的情况, 具体的使用请跳转 https://developer.mozilla.org/en-US/docs/Web/API/DOMParser Javascript代码 /** * 格式化xml * @param content * @returns {*} */ this.parse_xml
-
JQuery 操作Javascript对象和数组的工具函数小结
JQuery操作非集合数组函数 $.trim(value) 这个函数很简单,从value中删除任何前导或尾随的空白字符.空白字符为任何匹配Javascript正则表达式\s的任何字符.包括空格.换页.换行.回车.tab.垂直指标符等. $.each(container, callback) 对container的每一项进行迭代,为每一项调用回调函数callback. container 可以是对象或数组.如果是js对象,则迭代其每个属性:如果是数组,则迭代其每个元素. callback 回调函数
-
判断JavaScript对象是否可用的最正确方法分析
原文:http://www.quirksmode.org/js/support.html原文作者:Peter-Paul Koch 以下为对原文的翻译: 判断对象存在的方法 很快你就会注意到,JavaScript的部分功能在部分浏览器中无效.如果你要使用一些脚本的高级特性,你首先要检查浏览器是否支持要使用的对象,本文具体说明判断的正确方法. 通过判断浏览器的版本:不! 如果你想知道浏览器是否支持代码中使用的那些对象,记住,永远都不要通过浏览器的版本来判断.我确定你知道,有些浏览器支持你的代码,而有
-
jQuery对象和Javascript对象之间转换的实例代码
复制代码 代码如下: 以下是本人的一些分享,我热爱编程,希望能多交编程的爱好者,如果你也是其中一名,那么请加好友,大家关注一下,下面的文章是自己觉得一些有用的东西,留下来给自己当笔记,当然也希望能帮助到你,首先感谢你的阅读~! 如果我们在用jQuery作为客户端页面的脚本,时常都会涉及到jQuery对象和Javascript对象的相互转换.因为,DOM对象就是Javascript 固有的一些对象操作.DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法.所以,
随机推荐
- iOS利用UIScrollView实现无限滚动效果
- 关于Ajax中通过response在后台传递数据问题
- JavaScript 判断指定字符串是否为有效数字
- iOS自定义UIScrollView的滚动条实例代码
- GridView中checkbox"全选/取消"完美兼容IE和Firefox
- ECMAScript6中Map/WeakMap详解
- 基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
- 微信小程序购物商城系统开发系列-工具篇的介绍
- 用Python进行一些简单的自然语言处理的教程
- php语言流程控制中的主动与被动
- ajax 异步获取数据实现代码 (js创建ajax对象)
- JQuery.ajax传递中文参数的解决方法 推荐
- 转载未知大小的图片在一个已知大小容器中的水平和垂直居中(二)
- C语言字符串快速压缩算法代码
- php中 ob_start等函数截取标准输出的方法
- js实现的切换面板实例代码
- Apache同时支持PHP和Python的配置方法
- win2003 服务器设置完全简洁版
- MFC对话框中添加状态栏的方法
- Android 实现通知消息水平播放、无限循环效果