前续

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

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. [POI2007]MEG-Megalopolis 树状数组 + dfs序前缀和 好题

    #include<cstdio> #include<cstring> #include<algorithm> using namespace std; const ...

  2. nginx强制使用https访问（多站点多域名配置）

    很多配置过https模板的人都知道,配置https 时 ,站在用户的角度http 和https 的区别根本不清楚.有时候敲 http 时会出现 404 错误,而实际上我们是https. 有朋友找我配置 ...

  3. php文件上传相关知识点回顾

    近来正在回顾PHP的文件上传.在此做个记录. <?php date_default_timezone_set('PRC'); if(isset($_POST['submit'])) { echo ...

  4. EasyUI闪屏,EasyUI页面加载提示:原理+代码+效果图

    使用EasyUI时,有个经常遇到的问题,页面还没有渲染完成的时候,就展现了. 刚刚开始很混乱,等加载完成后,就好了. 参考这篇文章http://blog.csdn.net/zheng0518/arti ...

  5. js中获取宽高

    <script type="text/javascript"> function getWH() { var a = ""; a += " ...

  6. FreeMarker 语法 list

    一.java 代码 @Test public void testFreeMarker() throws Exception { //1.创建一个模板文件 //2.创建一个Configuration对象 ...

  7. ASP.Net MVC – What are the uses of Display, DisplayName, DisplayFormat and ScaffoldColumn attributes

    http://www.codeproject.com/Articles/775220/ASP-Net-MVC-What-are-the-uses-of-Display-DisplayNa?utm_so ...

  8. SqlCommand.DeriveParameters failed

    错误信息例如以下: SqlCommand.DeriveParameters failed because the SqlCommand.CommandText property value is an ...

  9. hdu 4888 2014多校第三场1002 Redraw Beautiful Drawings 网络流

    思路:一開始以为是高斯消元什么的.想让队友搞,结果队友说不好搞,可能是网络流.我恍然,思路立刻就有了. 我们建一个二部图.左边是行,右边是列,建个源点与行建边,容量是该行的和.列与新建的汇点建边.容量 ...

  10. 通过PowerShell卸载全部的SharePoint 2010 解决方式

    通过PowerShell卸载全部的SharePoint 2010 解决方式         为了演示.我常常须要拆毁再重建SharePoint 2010 环境.         我常常须要用到的操作就 ...