nodeJs学习-03 GET数据请求,js拆解/querystring/url
原生JS解析参数:
const http = require('http');
http.createServer(function(req,res){
var GET = {}; //接收数据容器
if(req.url.indexOf('?')!= -1){ //因为req.url中可能没有数据,或者是favicon.ico,为避免报错,我们要进行判断
//req获取前台请求数据
// console.log(req.url); //?userName=dsdf&pass=sdfsf
var arr = req.url.split("?");
var url = arr[0];
// arr[1] => 数据:userName=dsdf&pass=sdfsf
var arr2 = arr[1].split('&'); // => ['userName=dsdf',pass=sdfsf]
for(var i=0;i<arr2.length;i++){
var arr3 = arr2[i].split('=');
//arr3[0] => 名字 'usrName';
//arr[1] => 数据 '密码'
GET[arr3[0]] = arr3[1];
}
}else{
var url = req.url;
};
console.log(url,GET); //{userName:'name','pass':'23424'}
//!!!因为要解析GET参数比较麻烦,所以node有专门的模块:querystring
// querystring 模块提供了一些实用函数,用于解析与格式化 URL 查询字符串。
res.write('aaa');
res.end();
}).listen(8088);
querystring解析参数
//因为要解析GET参数比较麻烦,所以node有专门的模块:querystring
// querystring 模块提供了一些实用函数,用于解析与格式化 URL 查询字符串。 const queryString=require('querystring'); var json= queryString.parse('userName=blue&pass=123445&age=18');
console.log(json); //{ userName: 'blue', pass: '123445', age: '18' }
url解析参数:
const urlLib=require('url');
var obj = urlLib.parse('http://www.zihe8888.com/index?userName=blue&pass=123445&age=18');
console.log(obj);
// Url {
// protocol: 'http:',
// slashes: true,
// auth: null,
// host: 'www.zihe8888.com',
// port: null,
// hostname: 'www.zihe8888.com',
// hash: null,
// search: '?userName=blue&pass=123445&age=18',
// query: 'userName=blue&pass=123445&age=18',
// pathname: '/index',
// path: '/index?userName=blue&pass=123445&age=18',
// href: 'http://www.zihe8888.com/index?userName=blue&pass=123445&age=18' }
var obj = urlLib.parse('http://www.zihe8888.com/index?userName=blue&pass=123445&age=18',true); //带上参数true,就会自动解析query为对象了
console.log(obj);
// Url {
// protocol: 'http:',
// slashes: true,
// auth: null,
// host: 'www.zihe8888.com',
// port: null,
// hostname: 'www.zihe8888.com',
// hash: null,
// search: '?userName=blue&pass=123445&age=18',
// query: { userName: 'blue', pass: '123445', age: '18' }, //数据部分
// pathname: '/index', //地址部分
// path: '/index?userName=blue&pass=123445&age=18',
// href: 'http://www.zihe8888.com/index?userName=blue&pass=123445&age=18' }
案例:最简单的解析方法
// 最简单的解析方法!!!!!
const http = require('http');
const urlLib=require('url');
http.createServer(function(req,res){
var obj = urlLib.parse(req.url,true);
var url = obj.pathname; //文件名称
var GET = obj.query;
console.log(GET);
console.log(url);
res.write('aaa');
res.end();
}).listen(8088);
nodeJs学习-03 GET数据请求,js拆解/querystring/url的更多相关文章
- nodeJs学习-04 POST数据请求,分段发送,分段接收
const http = require("http"); const querystring= require('querystring'); http.createServer ...
- nodejs学习笔记<四>处理请求参数
在web开发中处理请求参数是个非常常见的工作:nodejs提供了了querystring用来处理请求参数. querystring常用方法有:parse,stringify. (1)parse: 解析 ...
- python学习-- Django传递数据给JS
var List = {{ List|safe }};//safe 必须存在
- Nodejs学习笔记(六)--- Node.js + Express 构建网站预备知识
目录 前言 新建express项目并自定义路由规则 如何提取页面中的公共部分? 如何提交表单并接收参数? GET 方式 POST 方式 如何字符串加密? 如何使用session? 如何使用cookie ...
- Nodejs学习笔记(六)—Node.js + Express 构建网站预备知识
前言 前面经过五篇Node.js的学习,基本可以开始动手构建一个网站应用了,先用这一篇了解一些构建网站的知识! 主要是些基础的东西... 如何去创建路由规则.如何去提交表单并接收表单项的值.如何去给密 ...
- Nodejs学习笔记(十五)--- Node.js + Koa2 构建网站简单示例
目录 前言 搭建项目及其它准备工作 创建数据库 创建Koa2项目 安装项目其它需要包 清除冗余文件并重新规划项目目录 配置文件 规划示例路由,并新建相关文件 实现数据访问和业务逻辑相关方法 编写mys ...
- mpvue学习笔记-之微信小程序数据请求封装
简介 美团出品的mpvue已经开源出来很久了,一直说要进行一次实践,这不最近一次个人小程序开发就用上了它. 看了微信官方的数据请求模块--request,对比了下get和post请求的代码,发现如果在 ...
- [转]Nodejs学习笔记(十五)--- Node.js + Koa2 构建网站简单示例
本文转自:https://www.cnblogs.com/zhongweiv/p/nodejs_koa2_webapp.html 目录 前言 搭建项目及其它准备工作 创建数据库 创建Koa2项目 安装 ...
- day 74 vue 2 axios数据请求 以及组件的学习
前情提要: vue 学习二: 一: 通过axios实现数据请求 1:json数据语法 json数据对象类似于JavaScript中的对象,但是它的键对应的值里面是没有函数方法的,值可以是普通变量, ...
随机推荐
- Linux User and Group Management
linux is a multi-user and multitasking OS. In Linux, you can create any number of user account and g ...
- ubuntu 下 安装xdebug
root@homestead:/etc/php/7.1/fpm/conf.d# vim 20-xdebug.ini zend_extension=xdebug.so xdebug.remote_ena ...
- HTML连载58-绝对定位的参考点以及注意事项
一.绝对定位参考点 1.规律: (1)默认情况下所有的绝对定位的元素,无论有没有祖先元素,都会以body作为参考点. <style> .box1{ width: 300px; height ...
- LintCode刷题笔记-- Maximum Product Subarray
标签: 动态规划 描述: Find the contiguous subarray within an array (containing at least one number) which has ...
- 适配器模式--在NBA我需要翻译
适配器模式:将一个类的接口转换成客户希望的另外一个接口.Adapter模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作. 在软件开发中,也就是系统的数据和行为都正确,但接口不符时,我们应 ...
- CesiumLab V1.1 新功能 (免费Cesium处理工具集)
Cesiumlab 自从上周(3月20日)发布之后,赢得小伙伴一致好评. 本周继续推出重大更新: 建筑物矢量数据 转 3dtiles, 建筑物矢量数据 转 3dtiles, 建筑物矢量数据 转 3 ...
- JAVA:在0-99间产生100个不重复的随机数
Random rand = new Random(); boolean[] bool = new boolean[100]; int[] number = new int[100]; int rand ...
- Java方法传参的问题
1.基本数据类型(byte,short,int,long,float,double,boolean,char)的值传递,不改变其值 2.引用数据类型的值传递,改变其值 3.String类型虽然是引用数 ...
- MySQL数据库起步 关于数据库的基本操作(更新中...)
mysql的基本操作 连接指定的服务器(需要服务器开启3306端口) mysql -h ip地址 -P 端口号 -u 账号 -p 密码 删除游客模式 mysql -h ip地址 -P 端口号 -u 账 ...
- react仿豆瓣
最近公司在做一个自己内部的图片上传系统,目的是帮助设计人员方便上传图片,用的是vue技术,但是说到vue,可能要提到更早出来的react,react是facebook搞的一套语法糖,也是革命性的用组件 ...