复习一下：

基础模块 作用
fs fs模块用于对系统文件及目录进行读写操作
http 创建服务器。e.g.http.createServer();
queryString 把url带的参数串转化为数组对象
url 直接解析URL中字符串，提炼出我们需要的结果。 
提示：

    querystring主要用来解析POST数据(如‘querystring.parse()’)

    Url主要用来解析GET数据(比如‘url.parse()’)。
1.url.parse()方法回顾：
 var url = require('url');

 var queryUrl = "http://localhost:8888/bb?name=bigbear&memo=helloworld"

 console.log(url.parse(queryUrl)) ;

运行结果：

{

    protocol: 'http:',

    slashes: true,

    auth: null,

    host: 'localhost:8888',

    port: '8888',

    hostname: 'localhost',

    hash: null,

    search: '?name=bigbear&memo=helloworld',

    query: 'name=bigbear&memo=helloworld',

    pathname: '/bb',

    path: '/bb?name=bigbear&memo=helloworld',

    href: 'http://localhost:8888/bb?name=bigbear&memo=helloworld'

}

说明:

query: 查询字符串中的参数部分（问号后面部分字符串），或者使用 querystring.parse() 解析后返回的对象。

2.querystring.parse()方法回顾

QueryString" 模块用于实现URL参数字符串与参数对象的互相转换

在url.parse()基础上，把参数字符串编程jsonp对象格式:

例子：

思路：

一、首先，我们确定一下接口。
/user?act=reg&user=aaa&pass=123456

	{"ok": false, "msg": "原因"}

/user?act=login&user=aaa&pass=123456

	{"ok": true, "msg": "原因"}
二、 文件位置：

三、服务器接受数据后，处理并返回data的思路
  1. 接口名为user。如果url中地址不指向user，就显示404，否则进入2；
  2. 用户是登录还是注册？
  3. 如果既不是注册也不是登录。就提示“未知action”；

    4.“登录部分”接下去是如果密码正确，就提示“登录成功”，否则提示“密码不正确”；

    如果是注册，检测账号是否存在，也进行相应的提示。
const http = require('http');

const fs = require('fs');

const querystring = require('querystring');

const urlLib = require('url');

var users = {}; //将注册信息保存在缓存中

var server = http.createServer(function (req, res) {

    // 解析数据

    var str = '';

    req.on("data", function (data) {

        str += data;

    });

    req.on("end", function () {

        var obj = urlLib.parse(req.url, true);

        var url = obj.pathname;

        const GET = obj.query;

        const POST = querystring.parse(url);

        // 区分接口和文件读取

        if (url == '/user') { //读取‘url’接口下的文件时

            switch (GET.act) {

                case 'reg':

                    //用户名已经存在

                    if (users[GET.user]) {

                        res.write('{"ok":false, "msg":"已经注册过了！"}');

                    } else {

                        // 插入到users

                        users[GET.user] = GET.pass;

                        res.write('{"ok":true,"msg":"注册成功！"}');

                    }

                    break;

                case 'login':

                    //用户名是否存在

                    if (users[GET.user]) {

                        if (user[GET.pass] === GET.pass) { //密码是否正确

                            res.write('{"ok":true,"msg":"登录成功！"}');

                        } else {

                            res.write('{"ok":flase,"msg":"密码不正确！"}');

                        }

                    } else { //用户名不存在

                        res.write('{"ok":false,"msg":"用户名不存在"}');

                    }

                    break;

                default:

                    res.write('{"ok":false,"msg":"未知操作"}');

            }

            res.end();

        } else { //读取别的文件

            var file_name = './www' + url;

            fs.readFile(file_name, function (err, data) {

                if (data) {

                    res.write(data);

                } else {

                    res.write("404");

                }

                res.end();

            });

        }

    });

});

server.listen(8080);

user.html文件代码：

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title></title>

  <!--引入jQuery文件-->

  <script src="ajax.js" charset="utf-8"></script>

  <!--我们需要的js代码-->

  <script type="text/javascript">

    window.onload = function () {

      var oTxtUser = document.getElementById('user');

      var oTxtPass = document.getElementById('pass');

      var oBtnReg = document.getElementById('reg_btn');

      var oBtnLogin = document.getElementById('login_btn');

      oBtnLogin.onclick = function () {

        ajax({

          url: '/user',

          data: {

            act: 'login',

            user: oTxtUser.value,

            pass: oTxtPass.value

          },

          type: 'get',

          success: function (str) {

            var json = eval('(' + str + ')');

            if (json.ok) {

              alert('登录成功');

            } else {

              alert('登录失败：' + json.msg);

            }

          },

          error: function () {

            alert('通信错误');

          }

        });

      };

      oBtnReg.onclick = function () {

        ajax({

          url: '/user',

          data: {

            act: 'reg',

            user: oTxtUser.value,

            pass: oTxtPass.value

          },

          type: 'get',

          success: function (str) {

            var json = eval('(' + str + ')');

            if (json.ok) {

              alert('注册成功');

            } else {

              alert('注册失败：' + json.msg);

            }

          },

          error: function () {

            alert('通信错误');

          }

        });

      };

    };

  </script>

</head>

<body>

  用户：

  <input type="text" id="user">

  <br> 密码：

  <input type="password" id="pass">

  <br>

  <input type="button" value="注册" id="reg_btn">

  <input type="button" value="登录" id="login_btn">

</body>

</html>

执行以下server.js，然后在浏览器中打开user.html页面。值得注意的是跨域问题，



注意：我们应该在服务器上跑，而不是只打开本地静态页面！

接下来就正常玩耍吧……

结合GET(),POST()实现一个简单、完整的服务器的更多相关文章

  1. [置顶] 在Ubuntu下实现一个简单的Web服务器

    要求: 实现一个简单的Web服务器,当服务器启动时要读取配置文件的路径.如果浏览器请求的文件是可执行的则称为CGI程序,服务器并不是将这个文件发给浏览器,而是在服务器端执行这个程序,将它的标准输出发给 ...

  2. 转：【专题十二】实现一个简单的FTP服务器

    引言: 休息一个国庆节后好久没有更新文章了,主要是刚开始休息完心态还没有调整过来的, 现在差不多进入状态了, 所以继续和大家分享下网络编程的知识,在本专题中将和大家分享如何自己实现一个简单的FTP服务 ...

  3. 专题十二：实现一个简单的FTP服务器

    引言: 在本专题中将和大家分享如何自己实现一个简单的FTP服务器.在我们平时的上网过程中,一般都是使用FTP的客户端来对商家提供的服务器进行访问(上传.下载文件),例如我们经常用到微软的SkyDriv ...

  4. 自己动手模拟开发一个简单的Web服务器

    开篇:每当我们将开发好的ASP.NET网站部署到IIS服务器中,在浏览器正常浏览页面时,可曾想过Web服务器是怎么工作的,其原理是什么?“纸上得来终觉浅,绝知此事要躬行”,于是我们自己模拟一个简单的W ...

  5. 一个简单的web服务器

    写在前面 新的一年了,新的开始,打算重新看一遍asp.net本质论这本书,再重新认识一下,查漏补缺,认认真真的过一遍. 一个简单的web服务器 首先需要引入命名空间: System.Net,关于网络编 ...

  6. Tomcat剖析（二）：一个简单的Servlet服务器

    Tomcat剖析(二):一个简单的Servlet服务器 1. Tomcat剖析(一):一个简单的Web服务器 2. Tomcat剖析(二):一个简单的Servlet服务器 3. Tomcat剖析(三) ...

  7. Tomcat剖析（一）：一个简单的Web服务器

    Tomcat剖析(一):一个简单的Web服务器 1. Tomcat剖析(一):一个简单的Web服务器 2. Tomcat剖析(二):一个简单的Servlet服务器 3. Tomcat剖析(三):连接器 ...

  8. 自己模拟的一个简单的web服务器

    首先我为大家推荐一本书:How Tomcat Works.这本书讲的很详细的,虽然实际开发中我们并不会自己去写一个tomcat,但是对于了解Tomcat是如何工作的还是很有必要的. Servlet容器 ...

  9. java实现一个简单的Web服务器

    注:本段内容来源于<JAVA 实现 简单的 HTTP服务器> 1. HTTP所有状态码 状态码 状态码英文名称 中文描述 100 Continue 继续.客户端应继续其请求 101 Swi ...

  10. 响应式编程笔记三：一个简单的HTTP服务器

    # 响应式编程笔记三:一个简单的HTTP服务器 本文我们将继续前面的学习,但将更多的注意力放在用例和编写实际能用的代码上面,而非基本的APIs学习. 我们会看到Reactive是一个有用的抽象 - 对 ...

随机推荐

  1. 基于SSM之Mybatis接口实现增删改查(CRUD)功能

    国庆已过,要安心的学习了. SSM框架以前做过基本的了解,相比于ssh它更为优秀. 现基于JAVA应用程序用Mybatis接口简单的实现CRUD功能: 基本结构: (PS:其实这个就是用的Mapper ...

  2. 关于JQuery全选/反选第二次失效的问题

    最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...

  3. 翻译 | 关键CSS和Webpack: 减少阻塞渲染的CSS的自动化解决方案

    原文地址: Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS 原文作者: Anthony Gore 译者: 蜗牛 ...

  4. ubuntu中使用usb-creator制作live usb

    1.实验环境 ubuntu14.04 2.启动usb-creator 2.1 单击桌面左上角的搜索图标,输入usb-creator,然后选择“应用程序"中的”启动盘创建器“ 2.2 终端中输 ...

  5. ASP.NET没有魔法——ASP.NET MVC 与数据库之MySQL&EF

    本章将介绍如何通过Entity Framework来使用My SQL,之前介绍EF时介绍了provider这个配置项,而且也介绍了在ASP.NET访问MySQL数据仍然是通过ADO.NET,不同的地方 ...

  6. Java web 学习笔记 Html CSS 小节

     HTML (Hyper Text Markup Language): HTML就是超文本标记语言的简写,是最基础的网页语言 HTML的版本: 2.0(IETF) 3.0(W3C) 4.01(W3 ...

  7. SqlServer与Linq 无限递归目录树且输出层级

    ALTER VIEW [dbo].[view_TreeLevel] AS WITH cte AS ( SELECT a.ModuleID , a.Module_Name , a.Module_Desc ...

  8. 自动化双向数据绑定AngularJs---入门

      前  言   AngularJS,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为 ...

  9. css笔记-文本样式

    聊聊text-decoration.text-indent.text-transform.letter-spacing.word-spacing.vertical-align.下面是一些常用设置文本样 ...

  10. JavaScript观察者模式

    观察者模式观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得 ...