node 作为服务端 - 基本使用

1. web 服务器

web.html

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>菜鸟教程(runoob.com)</title>

  <style>

    div{

      border: 1px solid red;

    }

  </style>

</head>

<body>

  <h1>我的第一个标题</h1>

  <p>我的第一个段落。</p>

  <div>content</div>

  <img src="https://www.baidu.com/img/bd_logo1.png">

  <iframe src="https://www.baidu.com/"></iframe>

</body>

</html>

http.js

var http = require('http');

var fs = require('fs');

var url = require('url');

http.createServer(function (request, response) {

  var pathname = url.parse(request.url).pathname;

  console.log("Request for " + pathname + " received.");

  fs.readFile(pathname.substr(1), function (err, data) {

    if (err) {

      console.log(err);

      response.writeHead(404, {

        'Content-Type': 'text/html'

      });

    } else {

      response.writeHead(200, {

        'Content-Type': 'text/html'

      });

      response.write(data.toString());

    }

    response.end();

  });

}).listen(5555);

console.log('Server running at http://127.0.0.1:5555/');

访问：  http://127.0.0.1:5555/web.html

细节点：

如果是 cmd 后，这个运行方式， C:\Users\admin>node e:\nodeTest\nodeFile\http   ，会错误提示：  Error: ENOENT: no such file or directory, open 'C:\Users\admin\web.html'

切换到 server 端 js 根目录运行即可 ：   cd...     ，最后这样子：    e:\nodeTest\nodeFile>node http

如果设置返回结果字符串允许带script之类的标签，则容易形成 xss攻击 ，如   '<script>alert("hello")</script>'

2. server 服务端

web.html

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <title>add human</title>

</head>

<body>

  <div class="radio">

    <label>

      <input type="radio" name="human" id="man" value="男" checked>男

    </label>

    <label>

      <input type="radio" name="human" id="woman" value="女" checked>女

    </label>

  </div>

  <button id="btn" type="button" >点击保存</button>

  <div style="border:1px solid red" id="wrap"></div>

  <script src="jquery-1.9.1.min.js"></script>

  <script>

    $('#btn').on('click', function () {

      $.ajax({

        url: 'http://localhost:3000/addMan',

        type: 'get',

        dataType: 'json',

        data: {

          name: $('#man').val()

        },

        success: function (data) {

          console.log(data);

          $('#wrap').html(data);

        }

      });

    });

  </script>

</body>

</html>

server.js

var http = require('http');

var querystring = require('querystring');

var app = http.createServer();

app.on('request', function (req, res) {

  res.setHeader('Access-Control-Allow-Origin', '*');

  //res.setHeader('Access-Control-Allow-Origin', 'http://localhost');

  if (req.url === '/addMan' && req.method === 'POST') {

    var data = '';

    req.on('data', function (chunk) {

      data += chunk;

    });

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

      data = decodeURI(data);

      var dataObject = querystring.parse(data);

      console.log(dataObject);

    });

  }

  res.end(JSON.stringify('wasd'+Math.random()));

});

app.listen(3000, function () {

  console.log('add man');

});

暂时不考虑数据库，同时启动 server.js 和 http.js 、web.html  即形成常见表单提交应用

参考网址

node - web 服务器 、server 服务器的更多相关文章

  1. Node.js 创建server服务器

    var http=require('http'); //引入http模块 var server=http.createServer(function(req,res){  //创建一个server r ...

  2. Office Web Apps Server 概述

    Office Web Apps Server 是新的 Office 服务器产品,它提供 Word.PowerPoint.Excel 和 OneNote 的基于浏览器的版本.单个 Office Web ...

  3. [转载]部署Office Web Apps Server并配置其与SharePoint 2013的集成

    Office Web Apps Server 是新的 Office 服务器产品,它提供 Word.PowerPoint.Excel 和 OneNote 的基于浏览器的版本.单个 Office Web ...

  4. 部署Office Web Apps Server并配置其与SharePoint 2013的集成

    部署Office Web Apps Server并配置其与SharePoint 2013的集成   Office Web Apps Server 是新的 Office 服务器产品,它提供 Word.P ...

  5. Office Web Apps Server

    Office Web Apps Server Office Web Apps Server 是一款 Office 服务器产品,可提供针对 Office 文件的基于浏览器的文件查看和编辑服务.Offic ...

  6. office web apps server安装部署

    操作系统:windows 2012 软件下载地址: 链接:https://pan.baidu.com/s/1c3WWFs8 密码:4dcy NDP452-KB2901954-Web.exe(.Net ...

  7. Windows Server 2012 R2安装部署Office Web Apps Server

    微软官方参考地址https://technet.microsoft.com/zh-cn/library/jj219455.aspx,建议参考官方说明. 注意:每一步进行完成后重启服务器!!! 一.   ...

  8. web server服务器

    使用最多的 web server服务器软件有两个:微软的信息服务器(iis),和Apache. 通俗的讲,Web服务器传送(serves)页面使浏览器可以浏览,然而应用程序服务器提供的是客户端应用程序 ...

  9. Node.js 创建HTTP服务器

    Node.js 创建HTTP服务器 如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi. 从这个角度看,整个& ...

  10. Node.js 创建HTTP服务器（经过测试，这篇文章是靠谱的T_T）

    Node.js 创建HTTP服务器 如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi. 从这个角度看,整个& ...

随机推荐

  1. angular前端框架

    总所周知,在前端开发中,大家用的比较多的框架就是angular,vue,react等,今天就为大家讲一下angular大家框架的原理及运用 1.本次所举的例子是以依赖require.js的, < ...

  2. BootStrap同时显示多个Modal解决方案

    使用BootStrap自带的Modal的时候,如果同时调用多个Modal,那么只能看到背景颜色加深但是看不见新的Modal页面. 问题主要是Modal的z-index有问题,重新计算z-index并赋 ...

  3. UNIX历史

    一.Multics计划 1965年,AT&T贝尔电话实验室.通用电气公司.麻省理工学院MAC课题组一起联合开发一个称为Multics的新操作系统. Multics 系统的目标是要向大的用户团体 ...

  4. 《Bilateral Multi-Perspective Matching for Natural Language Sentences》（句子匹配）

    问题: Natural language sentence matching (NLSM),自然语言句子匹配,是指比较两个句子并判断句子间关系,是许多任务的一项基本技术.针对NLSM任务,目前有两种流 ...

  5. Trove系列（六）——Trove的安全组功能和Trove的卷数据快照功能介绍

    Trove的安全组功能功能描述用户目前没有办法在Trove guest 实例上配置安全组 和 安全组规则. 我们建议按照以下指导原则创建一个简单的安全组操作规则.本功能作为Trove 的附加功能实现( ...

  6. python 读不同编码的文本，传递一个可选的encoding 参数给open() 函数

    文件的读写操作默认使用系统编码,可以通过调用sys.getdefaultencoding() 来得到.在大多数机器上面都是utf-8 编码.如果你已经知道你要读写的文本是其他编码方式,那么可以通过传递 ...

  7. mysql事务（一）——redo log与undo log

    数据事务 即支持ACID四大特性. A:atomicity          原子性——事务中所有操作要么全部执行成功,要么全部执行失败,回滚到初始状态 C:consistency     一致性—— ...

  8. Linux基础命令---shutdown

    shutdown shutdown指令以安全的方式来关闭系统,所有已经登录的用户都会被告知系统将要关闭.并且在最后五分钟内,新的登录将被阻止.过了指定的time后,关机会向init(8)守护进程发送一 ...

  9. Maximum execution time of 30 seconds exceeded解决错误方法

    Maximum execution time of 30 seconds exceeded解决错误方法Fatal error: Maximum execution time of 30 seconds ...

  10. jquery中的load方法加载页面无法缓存问题

    在A页面中调用JQuery中的load方法,加载另一个B页面,B页面中的样式文件和JS文件无法从浏览器缓存中获取,每次都是实时获取.这是因为B页面的HTML经load方法处理后,会为每个样式和JS文件 ...