复习一下：

基础模块 作用
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. python中with学习

    python中with是非常强大的一个管理器,我个人的理解就是,我们可以通过在我们的类里面自定义enter(self)和exit(self,err_type,err_value,err_tb)这两个内 ...

  2. try catch finally 中包含return的几种情况，及返回结果

    当当当,兴致勃勃的第二篇博客,散花~ 下面是正题(敲黑板) 第一种情况:在try和catch中有return,finally中没有return,且finally中没有对try或catch中要 retu ...

  3. HDU1197 Specialized Four-Digit Numbers

    进制转化 hdu1197 #include<cstdio> #include<cstdlib> #include<iostream> #include<mem ...

  4. Elasticsearch学习笔记 一

    本文版权归博客园和作者吴双本人共同所有 转载和爬虫请注明原文地址 www.cnblogs.com/tdws. 本文参考和学习资料 <ES权威指南> 一.基本概念 存储数据到ES中的行为叫做 ...

  5. JAVA提高六：泛型

    在面向对象编程语言中,多态算是一种泛化机制.例如,你可以将方法的参数类型设置为基类,那么该方法就可以接受从这个基类中导出的任何类作为参数,这样的方法将会更具有通用性.此外,如果将方法参数声明为接口,将 ...

  6. PHP 404页面/如何设置404页面/URL静态化/URL伪静态化

    php中如何设置404页面及其他错误页面 首先在项目根目录下新建文件,文件名为" .htaccess " 在该文件中写入一下配置项: ErrorDocument 404 /404. ...

  7. hibernate利用mysql的自增张id属性实现自增长id和手动赋值id并存

    我们知道在mysql中如果设置了表id为自增长属性的话,insert语句中如果对id赋值(值没有被用到过)了,则插入的数据的id会为用户设置的值,并且该表的id的最大值会重新计算,以插入后表的id最大 ...

  8. 【转】Sizeof与Strlen的区别与联系

    原文地址:http://www.cnblogs.com/carekee/articles/1630789.html 1.sizeof  sizeof(...)是运算符,在头文件中typedef为uns ...

  9. MVC-HtmlHelper简单总结

    Asp.Net MVC - Htmlhelper 总结 HtmlHelper是一个返回Html字符串的方法.返回的字符串可以是任意类型.例如你可以使用HtmlHelper方法返回一个标准的html标签 ...

  10. LINUX 笔记-free命令

    free命令可以显示Linux系统中空闲的.已用的物理内存及swap内存,及被内核使用的buffer. focus@ubuntu:~$ free -h total used free shared b ...