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 相关文章推荐
onpropertypchange
Jul 01 Javascript
JS 判断代码全收集
Apr 28 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
Apr 11 Javascript
jQuery 名称冲突的解决方法
Apr 08 Javascript
通过js动态操作table(新增,删除相关列信息)
May 23 Javascript
javascript操作css属性
Dec 30 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
使用jquery datatable和bootsrap创建表格实例代码
Mar 17 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
Js面试算法详解
Apr 08 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
Vue时间轴 vue-light-timeline的用法说明
Oct 29 Javascript
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
谈PHP生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
PHP数据库表操作的封装类及用法实例详解
2016/07/12 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
2017/04/27 PHP
Aster vs KG BO3 第二场2.18
2021/03/10 DOTA
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
百度地图api如何使用
2015/08/03 Javascript
JS控制层作圆周运动的方法
2016/06/20 Javascript
angular2路由切换改变页面title的示例代码
2017/08/23 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
生成无限制的微信小程序码的示例代码
2019/09/20 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
[01:16:16]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第二场 1月8日
2021/03/11 DOTA
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
python生成器generator用法实例分析
2015/06/04 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
使用pycharm在本地开发并实时同步到服务器
2019/08/02 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
常用的HTML5列表标签
2017/06/20 HTML / CSS
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
心得体会范文
2014/01/04 职场文书
乡镇信息公开实施方案
2014/03/23 职场文书
高考寄语大全
2014/04/08 职场文书
教师党员个人剖析材料
2014/09/29 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
家长高考寄语
2015/02/27 职场文书
摘录式读书笔记
2015/07/01 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js
SpringAop日志找不到方法的处理
2021/06/21 Java/Android
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python
MySQL深分页问题解决思路
2022/12/24 MySQL