Node.js学习之地址解析模块URL的使用详解


Posted in Javascript onSeptember 28, 2017

前言

本文主要给大家介绍了关于Node.js地址解析模块URL使用的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

url结构化/模块化/路径解析

  • 结构化:url.parse(urlString[, parseQueryString[, slashesDenoteHost]])
  • 模块化:url.format(urlObject)
  • 路径解析:url.resolve(from, to)

一个URL字符串是一个结构化的字符串包含多个有意义的组件。在解析时,返回一个URL对象包含每一个组件的属性。

官方手册上面的一张图是这样子的:

Node.js学习之地址解析模块URL的使用详解

这张图解释了一个url结构化成哪些部分,哪些部分又包含哪些部分

protocol: 请求协议

host: URL主机名已全部转换成小写, 包括端口信息

auth:URL中身份验证信息部分

hostname:主机的主机名部分, 已转换成小写

port: 主机的端口号部分

pathname: URL的路径部分,位于主机名之后请求查询之前

search: URL 的“查询字符串”部分,包括开头的问号。

path: pathname 和 search 连在一起。

query: 查询字符串中的参数部分(问号后面部分字符串),或者使用 querystring.parse() 解析后返回的对象。

hash: URL 的 “#” 后面部分(包括 # 符号)

url结构化

将一个url地址结构化成为拥有上图属性的url对象。url.parse第二个和第三个参数默认为false。

  • 第二个参数决定query属性值是字符串还是对象
  • 第三个参数如果为true,//后的第一个令牌文字字符串和下一个/之间的文字字符串将被解释为主机

例子如下

const url = require("url");
var urlstr = "http://localhost:8888/bb?name=bigbear&memo=helloworld&memo=helloC";
var urlobj = url.parse(urlstr); 
console.log(urlobj);
/*
Url {
 protocol: 'http:',
 slashes: true,
 auth: null,
 host: 'localhost:8888',
 port: '8888',
 hostname: 'localhost',
 hash: null,
 search: '?name=bigbear&memo=helloworld&memo=helloC',
 query: 'name=bigbear&memo=helloworld&memo=helloC',
 pathname: '/bb',
 path: '/bb?name=bigbear&memo=helloworld&memo=helloC',
 href: 'http://localhost:8888/bb?name=bigbear&memo=helloworld&memo=helloC' }
*/

第二个参数为true时

query: { name: ‘bigbear', memo: [ ‘helloworld', ‘helloC' ] },

例子如下:

const url = require("url");
var urlstr = "http://localhost:8888/bb?name=bigbear&memo=helloworld&memo=helloC";
console.log(
 url.parse(urlstr, true)
)
/*
Url {
 protocol: 'http:',
 slashes: true,
 auth: null,
 host: 'localhost:8888',
 port: '8888',
 hostname: 'localhost',
 hash: null,
 search: '?name=bigbear&memo=helloworld&memo=helloC',
 query: { name: 'bigbear', memo: [ 'helloworld', 'helloC' ] },
 pathname: '/bb',
 path: '/bb?name=bigbear&memo=helloworld&memo=helloC',
 href: 'http://localhost:8888/bb?name=bigbear&memo=helloworld&memo=helloC' }
*/

第三个参数对比

例子如下:

const url = require("url");
var urlstr = "//foo/bar ";
console.log(
 url.parse(urlstr, true,true)
)
/*
 输出:Url {
 protocol: null,
 slashes: true,
 auth: null,
 host: 'foo',
 port: null,
 hostname: 'foo',
 hash: null,
 search: '',
 query: {},
 pathname: '/bar',
 path: '/bar',
 href: '//foo/bar' }
*/


const url = require("url");
var urlstr = "//foo/bar ";
console.log(
 url.parse(urlstr)
)
/*
输出:
Url {
 protocol: null,
 slashes: null,
 auth: null,
 host: null,
 port: null,
 hostname: null,
 hash: null,
 search: null,
 query: null,
 pathname: '//foo/bar',
 path: '//foo/bar',
 href: '//foo/bar' }
*/

url模块化

将一个url对象转换成一个url字符串,url对象中的属性为url.parse()产生的对象的属性。

url.parse()url.format()互为逆操作。

例子如下:

const url = require("url");
var Urlobj = {
 protocol: 'http:',
 slashes: true,
 auth: null,
 host: 'localhost:8888',
 port: '8888',
 hostname: 'localhost',
 hash: null,
 search: '?name=bigbear&memo=helloworld&memo=helloC',
 query: { name: 'bigbear', memo: [ 'helloworld', 'helloC' ] },
 pathname: '/bb',
 path: '/bb?name=bigbear&memo=helloworld&memo=helloC',
 }
console.log(
 url.format(Urlobj)
)
//输出:http://localhost:8888/bb?name=bigbear&memo=helloworld&memo=helloC

路径解析:url.resolve(from, to)

url.resolve()方法解决了目标URL相对于基本URL的方式类似于Web浏览器解决锚标记href。

官方手册例子:

url.resolve('/one/two/three', 'four');  
// '/one/two/four'

url.resolve('http://example.com/', '/one'); 
// 'http://example.com/one'

url.resolve('http://example.com/one', '/two'); 
// 'http://example.com/two'

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
jQuery+ajax实现顶一下,踩一下效果
Jul 17 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
Apr 28 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
微信小程序progress组件使用详解
Jan 31 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
Oct 02 Javascript
JavaScript如何实现元素全排列实例代码
May 14 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
Sep 27 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 Javascript
JS ES6异步解决方案
Apr 29 Javascript
解决vue-router的beforeRouteUpdate不能触发
Apr 14 Vue.js
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
Sep 28 #Javascript
React Native模块之Permissions权限申请的实例相机
Sep 28 #Javascript
Node.js学习之查询字符串解析querystring详解
Sep 28 #Javascript
angular4自定义组件详解
Sep 28 #Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
Sep 28 #Javascript
Node.js利用断言模块assert进行单元测试的方法
Sep 28 #Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 #Javascript
You might like
什么是短波收听SWL
2021/03/01 无线电
PHP连接SQLServer2005方法及代码
2013/12/26 PHP
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
js计算页面刷新的次数
2009/07/20 Javascript
浅析javascript中function 的 length 属性
2014/05/27 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
JavaScript编程中容易出BUG的几点小知识
2015/01/31 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
2015/03/26 Javascript
js文字横向滚动特效
2015/11/11 Javascript
JS实现的表格行上下移动操作示例
2016/08/03 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
小程序实现授权登陆的解决方案
2018/12/02 Javascript
微信小程序 高德地图路线规划实现过程详解
2019/08/05 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
编写Python的web框架中的Model的教程
2015/04/29 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
提升Python效率之使用循环机制代替递归函数
2019/07/23 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
初中毕业生的自我评价
2014/03/03 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android