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

JavaScript019

如何用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 各个部分的标点符号.