前续

当我们在进行将数据提交到某个网页时，需要将提交数据保存下来

1.提交数据

2.获得数据

3.保存数据

先看提交数据：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link rel="stylesheet" type="text/css" href="../resource/css1.css">

    <title>submit</title>

</head>

<body>

<p class="submit"><form action="/add" method="/add">

  <p>First name: <input type="text" name="name" /></p>

  <p>Last name: <input type="text" name="text" /></p>

  <input type="submit" value="Submit" />

</form></p>

</body>

</html>

我们在输入框中输入文字等，需要将这里输入的东西提交到/add页面上,此时可以看到数据出现在了req.url里面

我们需要获取到里面的数据，在url模块里面有url.parse（）方法

如图，按照图中的方法，就可以找到对应的值

要使用url.parse()需要先引用url模块

var url=require('url');

然后获得url对象

//通过url模块。调用url.parse()方法解析用户请求的url(req,url)

var urlObj=url.parse(req.url,true);
console.log(urlObj);

之后根据需要将有用的内容储存

else if(req.url.startsWith('/add')&&req.method==='get'){

    res.render(path.join(__dirname,'views','add.html'));

    //1.获取用户get提交过来的数据

    //urlObj.query.title

    //urlObj.query.url

    //urlObj.query.text

    //2.把用户提交的新闻数据保存到data.json文件中

    var list=[];

    list.push(urlObj.query);

    //把list数组写入data.json

    //fs.writeFile数据只能传字符串或buffer,可以用JSON.stringify来转换

    fs.writeFile(path.join(__dirname,'data','data.json'),JSON.stringify(list),function(err){

        if(err){

            throw err;

        }

        console.log('ok');

    });

    //3.跳转到新闻列表页

}

然后在data.json文件中获得想要的数据

服务器通过设置响应头开使浏览器重定向

else if(req.url.startsWith('/add')&&req.method==='get'){

//    res.render(path.join(__dirname,'views','add.html'));

    //1.获取用户get提交过来的数据

    //urlObj.query.title

    //urlObj.query.url

    //urlObj.query.text

    //2.把用户提交的新闻数据保存到data.json文件中

    var list=[];

    list.push(urlObj.query);

    //把list数组写入data.json

    //fs.writeFile数据只能传字符串或buffer,可以用JSON.stringify来转换

    fs.writeFile(path.join(__dirname,'data','data.json'),JSON.stringify(list),function(err){

        if(err){

            throw err;

        }

        console.log('ok');

    });

    //3.跳转到新闻列表页

    //设置响应报文头，通过响应报文头告诉浏览器，执行一次页面跳转操作

    //重定向

    res.statusCode=302;//跳转

    res.statusMessage='Found';

    res.setHeader('Location','/');

    res.end();

}

node——将用户提交的数据写入data.json文件的更多相关文章

  1. node——将数据写入data.json防覆盖

    前续 1.读取data.json文件内容 2.判断是否是第一次读取data.json(第一次读取则data.json是没有的) 3.将data.json数据转为数组list 4.将写入数据加入数组li ...

  2. java将数据写入到txt文件中（txt有固定的格式）

    java将数据写入到txt文件中,这个应该对于学过java I/O的人来说是很简单的事情了,但是如果要将数据以固定的格式写入到txt文件中,就需要一定的技巧了. 这里举个简单的例子,以供参考: 比如我 ...

  3. LitJson（读Exce文件写入到json文件）：

    读Exce文件写入到json文件汇总: //命名空间 using System.Collections; using System.Collections.Generic; using System. ...

  4. python3下scrapy爬虫(第九卷:scrapy数据存储进JSON文件）

    将爬取数据存储在JSON文件里并不难,只需修改pipelines文件 直接看代码: 来看下结果: 中文字符恶心的很 之后我会在后卷中做出修改

  5. Python数据写入csv格式文件

    (只是传递,基础知识也是根基) Python读取数据,并存入Excel打开的CSV格式文件内! 这里需要用到bs4,csv,codecs,os模块. 废话不多说,直接写代码!该重要的内容都已经注释了, ...

  6. Node.js读取某个目录下的所有文件夹名字并将其写入到json文件

    针对解决的问题是,有些时候我们需要读取某个文件并将其写入到对应的json文件(xml文件也行,不过目前用json很多,json是主流). 源码如下:index.js var fs = require( ...

  7. Vue项目【饿了么App】mock数据【data.json】

    1.前后端分离式开发,约定好数据字段接口! 2.前端mock静态数据,开发完毕后,与后端进行数据联调! 3.vue.config.js 配置 devServer const appData = req ...

  8. 数据存储之json文件处理和csv文件处理

    什么是json: JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集,采用 ...

  9. 关于爬取数据保存到json文件,中文是unicode解决方式

    流程: 爬取的数据处理为列表,包含字典.里面包含中文, 经过json.dumps,保存到json文件中, 发现里面的中文显示未\ue768这样子 查阅资料发现,json.dumps 有一个参数.ens ...

随机推荐

  1. Linux下清空文件的几种方法

    $ : > filename $ > filename $ echo "" > filename $ echo > filename $ cat /dev/ ...

  2. KOA2框架原理解析和实现

    koa是一个基于node实现的一个新的web框架,从头实现一个koa框架,它是由express框架的原班人马打造的.它的特点是优雅.简洁.表达力强.自由度高.它更express相比,它是一个更轻量的n ...

  3. Spring管理流程部署——Activiti

    pom.xml <!-- activit jar 包 --> <dependency> <groupId>org.activiti</groupId> ...

  4. RobotFrameWork+APPIUM实现对安卓APK的自动化测试----第三篇【实例】

    http://blog.csdn.net/deadgrape/article/details/50579565 在这一篇里我先让大家看一下RF+APPIUM这个框架的实际运行时什么样子的,给大家一个直 ...

  5. ZOJ 2315 New Year Bonus Grant

    New Year Bonus Grant Time Limit: 5000ms Memory Limit: 32768KB This problem will be judged on ZJU. Or ...

  6. BA--步进电机工作原理

    步进电机是将电脉冲信号转变为角位移或线位移的开环控制元步进电机件.在非超载的情况下,电机的转速.停止的位置只取决于脉冲信号的频率和脉冲数,而不受负载变化的影响,当步进驱动器接收到一个脉冲信号,它就驱动 ...

  7. Bridge模式

    Bridge模式 Bridge模式 在面向对象的开发过程中,要做到2点:1.高内聚(cohesion).2.松耦合(coupling).可是在实际开发过程中难以把握,比如会遇到这种问题: 1)客户给了 ...

  8. 畅通project续HDU杭电1874【dijkstra算法 || SPFA】

    http://acm.hdu.edu.cn/showproblem.php?pid=1874 Problem Description 某省自从实行了非常多年的畅通project计划后.最终修建了非常多 ...

  9. Agile实践日志一 -- Grooming Session

    Agile实践日志一  -- Grooming Session GroomingSession 这个Session主要Go through我们下一个Sprint须要做的Story,大家都清楚之后,在每 ...

  10. 【MySQL】MySQL删除匿名用户，保证登录安全

    博客地址已迁往 www.virtclouds.com 原文地址 http://www.virtclouds.com/538.html 很多MySQL程序都会带有匿名登录的功能. 在刚刚安装完MySQL ...