如何在node环境实现“get数据解析”代码实例


Posted in Javascript onJuly 03, 2020

1、自己写

const http = require('http');
 
http.createServer(function(req,res){
  var get = {};
  if(req.url.indexOf('?')!=-1){
    var arr = req.url.split('?');
    var url = arr[0];
    var arr2 = arr[1].split('&');
    for(var i=0;i<arr2.length;i++){
      var arr3 = arr2[i].split('=');
      get[arr3[0]]=arr3[1];
    }
  }else{
    var url = req.url;
  }
  console.log(url,get);
  res.write('aaa');
  res.end();
}).listen(8080);

2、引入querystring模块

const http = require('http');
const querystring = require('querystring');
http.createServer(function(req,res){
  var get = {};
  if(req.url.indexOf('?')!=-1){
    var arr = req.url.split('?');
    var url = arr[0];
    get = querystring.parse(arr[1]);
  }else{
    var url = req.url;
  }
  console.log(url,get);
  res.write('aaa');
  res.end();
}).listen(8080);

3、引入url模块

const http = require('http');
const urlli = require('url');
http.createServer(function(req,res){
  var obj = urlli.parse(req.url,true); //true解析,如果没有true,默认不解析
  var url = obj.pathname;
  var get = obj.query;
  console.log(url,get);
  res.write('aaa');
  res.end();
}).listen(8080);

提交表单的HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <form action="http://localhost:8080/aaa" method="get">
    用户:<input type="text" name="user" value=''><br>
    密码:<input type="password" name="pass" value=''><br>
    <input type="submit" value="提交">
  </form>
</body>
</html>

个人练习如下:

const http = require("http");
const queryString = require("querystring");
const urlNode = require('url');

http.createServer((req,res)=>{
  console.log(req.url);  // /aaa?user=123&pass=456
  var get = {};
  var url = '';
  if(req.url.indexOf('?') != -1){

    //方法一:切割字符串
    // var _arr = req.url.split('?'); //['aaa','user=123&pass=456']
    // url = _arr[0]; //'aaa'
    // var _arr2 = _arr[1].split('&'); //['user=123','pass=456']
    // _arr2.map((v,k,arr)=>{
    //   var key = v.split('=')[0];
    //   var value = v.split('=')[1];
    //   get[key] = value;
    // })

    //方法二:正则表达式
    // var query = req.url.substr(req.url.indexOf('?')+1);
    // var regAll = new RegExp("([^?&=]+)=([^?&=]*)", "gi");
    // var regSingle = new RegExp("([^?&=]+)=([^?&=]*)", "i");
    // var arrAll = query.match(regAll);   //["user=123", "pass=456"]
    // arrAll.map(function(v,k,arr){
    //   var resultArr = v.match(regSingle);
    //   get[resultArr[1]] = resultArr[2];
    // })
    //方法三:引入querystring模块
    // const arr = req.url.split('?');
    // url = arr[0];
    // get = queryString.parse(arr[1]);
    //方法四:
    // const obj = urlNode.parse(req.url,true);
    // url = obj.pathname;
    // get = obj.query;

  }else{
    url = req.url;
  }
  console.log(url,get);
  res.write('123456')
  res.end('12')
}).listen(8000)

以上都 是原生node实现:

下面的是express中 req.query 就可以方便的取到 { id 123456}

app.get('/article',(req,res)=>{
  console.log(req.query)
  
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用JQuery和s3captche实现一个水果名字的验证
Aug 14 Javascript
javascript 自动填写表单的实现方法
Apr 09 Javascript
javascript实现图片切换的幻灯片效果源代码
Dec 12 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
Aug 12 Javascript
Bootstrap每天必学之警告框插件
Apr 26 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
vue-router路由简单案例介绍
Feb 21 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
node全局变量__dirname与__filename的区别
Jan 14 Javascript
微信小程序云开发之云函数详解
May 16 Javascript
ElementUI Tag组件实现多标签生成的方法示例
Jul 08 Javascript
Vue 封装防刷新考试倒计时组件的实现
Jun 05 Javascript
JavaScrip如果基于url实现图片下载
Jul 03 #Javascript
基于VUE实现判断设备是PC还是移动端
Jul 03 #Javascript
JavaScript如何判断对象有某属性
Jul 03 #Javascript
详解element-ui动态限定的日期范围选择器代码片段
Jul 03 #Javascript
JS常见错误(Error)及处理方案详解
Jul 02 #Javascript
vue过滤器实现日期格式化的案例分析
Jul 02 #Javascript
Vue使用预渲染代替SSR的方法
Jul 02 #Javascript
You might like
使PHP自定义函数返回多个值
2006/11/26 PHP
深入PHP与浏览器缓存的分析
2013/06/03 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
JQuery 拾色器插件发布-jquery.icolor.js
2010/10/20 Javascript
JS无限树状列表实现代码
2011/01/11 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
JavaScript结合AJAX_stream实现流式显示
2015/01/08 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
JavaScript DOM 学习总结(五)
2015/11/24 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
jquery中each循环的简单回滚操作
2017/05/05 jQuery
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
React Router V4使用指南(精讲)
2018/09/17 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
2019/04/30 Javascript
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
python创建和使用字典实例详解
2013/11/01 Python
使用python的chardet库获得文件编码并修改编码
2014/01/22 Python
Python实现的几个常用排序算法实例
2014/06/16 Python
Python中的一些陷阱与技巧小结
2015/07/10 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
python使用多进程的实例详解
2018/09/19 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
什么是表空间(tablespace)和系统表空间(System tablespace)
2013/02/25 面试题
StringBuilder和String的区别
2015/05/18 面试题
软件测试题目
2013/02/27 面试题
学期自我鉴定
2013/11/04 职场文书
超市开学活动方案
2014/03/01 职场文书
个人安全生产责任书
2014/07/28 职场文书