复习一下：

基础模块 作用
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. ES中const

      前  言 EScript 上一次总结了,ES中let和var的区别,今天在带大家了解另一个声明关键词:const. const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改 ...

  2. 如何在maven pom.xml文件中设置Java编译器版本

    今天遇到一个问题: 在Eclipse中用maven创建一个新的web项目,然后再用maven update一下,则JDK版本自动变为1.5. 通过查找资料,终于发现maven编译器插件(Maven C ...

  3. webapp 启动 手机app

    <div class="downLoad clearfix"> <div onclick="jsOpenApp.Close(this);" c ...

  4. swoole 入门

    1. 概述 Swoole是PHP的一个扩展,但是它与普通的扩展不同,普通的扩展知识提供一个库函数,而Swoole扩展在运行后会接管PHP的控制器,进入时间循环.当IO时间发生后,Swoole会自动回调 ...

  5. win10 UWP 单元测试

    我们在写代码的时候不能保证我们写出来的代码是正确的,所以我们经常要单元测试. 单元测试和重构都是在做完一个小小函数一般就要进行一次,越早做就越好,可以比较早发现问题,这时我们还记得我们写的内容,不过比 ...

  6. C#控件基础

    在说控件之前,还是有必要说一下如何创建项目的. 现在我们就不用创建控制台应用程序了,而是文件>新建>C#>Windows窗体应用程序.名称,位置自己选择. 创建好了大致就是这样了,可 ...

  7. go基础编程 day-1

    Go语言的特性 开启了学习新的语言路程,记录每天学习的笔记,与大家一起分享. ①.自动垃圾回收 ②.更丰富的内置类型 ③.函数多返回值 ④.错误处理 ⑤.匿名函数和闭包 ⑥.类型和接口 ⑦.并发编程 ...

  8. ASP.NET MVC @Html.Label的问题

    在使用@Html.Lable()来显示Model的某一个字符串属性时,如果该字符串中包含".",那么就会在最终呈现时被截掉开头至"."位置的字符.什么原因尚不清 ...

  9. $(window).on("load",function(){} 和 $(document).ready(function() {}

    $(window).on("load",function(){ //页面属性,图片,内容完全加载完,执行 } $(document).ready(function() { 或者$( ...

  10. LeetCode 88. Merge Sorted Array（合并有序数组）

    Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array. Note:Yo ...