前续

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

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. [网络流24题] 方格取数问题/骑士共存问题 (最大流->最大权闭合图)

    洛谷传送门 LOJ传送门 和太空飞行计划问题一样,这依然是一道最大权闭合图问题 “骑士共存问题”是“方格取数问题”的弱化版,本题解不再赘述“骑士共存问题”的做法 分析题目,如果我们能把所有方格的数都给 ...

  2. ftp服务器在linux中安装

    1.安装 执行 yum -y install vsftpd 2.检验是否安装vsftpd : rmp -qa | grep vsftpd      默认配置文件/ect/vsftpd/vsftpd.c ...

  3. 地图API示例

    http://developer.baidu.com/map/jsdemo.htm#i6_2

  4. Android使用C代码

    Android调用C代码 1.开发工具:Android studio 2.0 2.开发前准备: 2. 3. 4.下面我们就来开发我们的程序吧, [1]创建一个java类 package com.adm ...

  5. redis 零散知识

    1.单线程 2.默认 16 个库.0~15 3.select :切换数据库 4.DBsize :查看当前数据库的数量 5.keys * :查看当前库的所有 key 6.keys k? :问号是占位符 ...

  6. jQuery(基本事件)

  7. JavaScript实验一(添加节点，删除节点)

    静态html页面: <!DOCTYPE html> <html> <head lang="en"> <meta charset=" ...

  8. JavaSript 基础学习笔记

    1. 数组 对象数组 var temp = [{"name":"123","age":"18"},{"name ...

  9. unix关于打包命令zip的使用

    unix zip命令的基本使用方法是: zip [參数] [打包后的文件名称] [打包的文件夹路径] linux zip命令參数列表: -a 将文件转成ASCII模式 -F 尝试修复损坏的压缩文件 - ...

  10. HDU 5078 Revenge of LIS II（dp LIS）

    Problem Description In computer science, the longest increasing subsequence problem is to find a sub ...