如何用JS实现对象转为url参数

JavaScript011

如何用JS实现对象转为url参数,第1张

我的理解是这样的哈,可以直接用遍历的方式

<script type="text/javascript">

function http_builder_url(url, data) {

if(typeof(url) == 'undefined' || url == null || url == '') {

return ''

}

if(typeof(data) == 'undefined' || data == null || typeof(data) != 'object') {

return ''

}

url += (url.indexOf("?") != -1) ? "" : "?"

for(var k in data) {

url += ((url.indexOf("=") != -1) ? "&" : "") + k + "=" + encodeURI(data[k])

console.log(url)

}

return url

}

var param = {'name':'ddd', 'age':19}

var url = "http://www.baidu.com/a.html"

alert(http_builder_url(url, param))

//得到的结果:http://www.baidu.com/a.html?name=ddd&age=19

</script>

window.open("url","","")第一个参数是url,第二个是控制你页面是打开新窗口还是在原来窗口打开,第三个参数是控制打开的窗口的大小,是否有地址栏等等等东西 如果你真想研究下HTML基础,建议下个DHTML帮助文档,里面不仅仅是HTML,还有各个文档对象的js方法属性和一些例子

如下图,例如当传的值key等于0001时前面的0会被省略,到新的页面拿到key的值为1

因为js 喜欢将弱类型数据0002这样的string自己转成int.这个时候我们可以在0002前面拼接上任意一个数字,到了新页面以后在进行截取

var keys = '1'+key

subto(keys)

到了新页面以后

如下图,这里的firetaskid的值是个像abc这样的字符串,直接这样写的话会报错

查了一下是js转义的问题,如下图,转义一下就可以了

就像特殊字符需要转义一样,在利用url传递特殊字符时也有一个转义的过程

firetaskid = encodeURIComponent(firetaskid)

在这里我是用encodeURIComponent()这个函数解决的,encodeURIComponent()函数可把字符串作为 URI 组件进行编码。

该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。

其他字符(比如 :/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。

注意:encodeURIComponent()假定它的参数是 URI的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号.