前续

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

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. Spring Boot 项目学习 (四) Spring Boot整合Swagger2自动生成API文档

    0 引言 在做服务端开发的时候,难免会涉及到API 接口文档的编写,可以经历过手写API 文档的过程,就会发现,一个自动生成API文档可以提高多少的效率. 以下列举几个手写API 文档的痛点: 文档需 ...

  2. rm -fr删除不了文件

    向各位求教:一个阿里的 ecs服务器,放网站的.估计被挂马了,其中网站下的一个文件index.html,被篡改,想删除,但是删除不了. ls -l 结果:-r--r--r--  1 www  www  ...

  3. 【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建

    /* * @Author: 我爱科技论坛 * @Time: 20180715 * @Desc: 实现一个类似于JQuery功能的框架 * V 1.0: 实现了基础框架.事件框架.CSS框架.属性框架. ...

  4. 2015 Multi-University Training Contest 8 hdu 5381 The sum of gcd

    The sum of gcd Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)To ...

  5. JAVA的基本数据类型和引用数据类型的区别

        引用数据类型: 类.接口类型.数组类型.枚举类型.注解类型:   基本数据类型和引用数据类型的区别: 基本数据类型在被创建时,在栈上给其划分一块内存,将数值直接存储在栈上: 引用数据类型在被创 ...

  6. 洛谷 1144 最短路计数 bfs

    洛谷1144 最短路计数 传送门 其实这道题目的正解应该是spfa里面加一些处理,,然而,,然而,,既然它是无权图,,那么就直接bfs了,用一个cnt记录一下每一个点的方案数,分几种情况讨论一下转移, ...

  7. CAD教程--嵌入表格

    1.第一步,打开excel复制一下表格 2.第二步,打开CAD,选择编辑->选择性粘贴->autocad图元,左键点击一下图就行了,找找图,放大到适合的比例就行了.

  8. [SharePoint2010开发入门经典]四、开发者常见任务

    本章概要: 1.创建不同种类的web部件,包括标准的,可视化的还有数据绑定web部件 2.理解列和内容类型,如何使用它们创建列表 3.理解如何与SPS交互,使用SPS API调用数据 4.创建编辑页面 ...

  9. SVN打tag

          SVN打tag是一个非经常常使用的功能,要谈打tag,还得从SVN官方推荐的文件夹结构说起.SVN官方推荐在一个版本号库的根文件夹下先建立trunk.branches.tags这三个文件夹 ...

  10. Gzip压缩优化网站

    网站常使用GZIP压缩算法对网页内容进行压缩,然后传给浏览器,以减小数据传输量,提高响应速度.浏览器接收到GZIP压缩数据后会自动解压并正确显示.GZIP加速常用于解决网速慢的瓶颈. 压缩Filter ...