前续

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

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. 【udacity】机器学习-回归

    Evernote Export 1.什么是回归? regression 在监督学习中,包括了输入和输出的样本,在此基础上,我们能够通过新的输入来表示结果,映射到输出 输出包含了离散输出和连续输出 2. ...

  2. ES6标准入门（第三版）学习笔记(1)

    ES6声明变量的六种方法 ES5只有两种 var,function命令 ES6新增了let,const,class,import命令 验证var与let用法上的不同 var a = []; for ( ...

  3. HDU1867 - A + B for you again

    Generally speaking, there are a lot of problems about strings processing. Now you encounter another ...

  4. 执行目标文件引发的问题：syntax error: word unexpected (expe...

    今天不小心把一个目标文件当成了可执行文件放到开发板上进行执行,结果出现了这样一个问题:./hello_qt: line 1: syntax error: word unexpected (expect ...

  5. Ubuntu下安装Tensorflow

    本文目录 引言 基于Anaconda的tensorflow安装 1 下载linux版本的Anaconda安装包 2 安装Anaconda 利用anaconda安装tensorflow 1 建立一个 c ...

  6. codevs——T1048 石子归并

     http://codevs.cn/problem/1048/  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 黄金 Gold 题解       题目描述 Descriptio ...

  7. OpenLayers3基础教程——OL3 介绍control

    概述: 本文讲述的是Ol3中的control的介绍和应用. OL2和OL3 control比較: 相比較Ol2的control,OL3显得特别少,下图分别为Ol2和Ol3的control: Ol2的c ...

  8. CCDirector导演类

    CCDirector类是Cocos2D-x游戏引擎的核心.它用来创建而且控制着屏幕的显示,同一时候控制场景的显示时间和显示方式. 在整个游戏里一般仅仅有一个导演.游戏的開始.结束.暂停都会调用CCDi ...

  9. PECL轻松安装PHP扩展

    搭建PHP环境的时候,我们通常不会把全部的扩展都安装,随着需求不断添加,可能须要安装新的扩展,以下介绍一种简便的安装方法. 此处以ev.so扩展为例. 1.进入php安装文件夹bin文件夹.cd /A ...

  10. hdoj--2120--Ice_cream's world I（并查集判断环）

    Ice_cream's world I Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Othe ...