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. VirtualBox 虚拟磁盘的UUID修改

    个人测试环境,想构建一套Standby RAC环境,不想再重复去安装系统浪费时间,直接复制之前安装RAC前的一套VirtualBox的虚拟环境,不过打开时报错: 未能打开位于 Z:\Vbox\Stan ...

  2. Docker深入浅出3-容器管理

    docker客户端非常简单,我们可以直接输入docker命令来查看Docker客户端所有的命令项 [root@admin-fxr ~]# docker Usage: docker COMMAND A ...

  3. 对于session,request,cookie的理解

    session和request的生命周期 首先是session,比如我们在实现一个购物车功能时,在某一页面(这里称为页面A)选择了一些购物的商品,添加到购物车.那么当我们选择完成后点击我的购物车时会跳 ...

  4. MySQL从删库到跑路_高级（七）——事务和锁

    作者:天山老妖S 链接:http://blog.51cto.com/9291927 一.事务简介 1.事务简介 事务(Transaction)是指作为单个逻辑工作单元执行的一系列操作. 2.事物的特效 ...

  5. 基于Axis1.4的webservice接口开发（代码开发）

    基于Axis1.4的webservice接口开发(代码开发) 一.开发环境: 我的开发环境是MyEclipse 2015+Apache-Tomcat-8.0.21. 二.代码开发: 1.新建一个Web ...

  6. 中国用户通过rchange用银联充值到PerfectMoney再给BTC-E充值进行搬砖的方法

    最近迷上了比特币这个疯狂的东西,相信很多技术人员都感兴趣. 比特币.莱特币钱包下载和把数据迁移到C盘以外其他盘的方法. 莱特币和山寨币的原理跟比特币基本上一样,可以参考这个方法进行,莱特币的钱包数据迁 ...

  7. MySQL数据库----触发器

    触发器-trigger 触发器:监视某种情况,并触发某种操作. 使用触发器可以定制用户对表进行[增.删.改]操作时前后的行为,注意:没有查询 -- 触发器:某种程序触发了工具的运行 -- 触发器不能主 ...

  8. 0-5v转0-20ma和0-5v转4-20ma

    0-5v转0-20ma 0-5v转4-20ma

  9. mysql与oracle常用函数及数据类型对比00持续补充

    最近在转一个原来使用oracle,改为mysql的系统,有些常用的oracle函数的mysql实现顺便整理了下,主要是系统中涉及到的(其实原来是专门整理过一个详细doc的,只是每次找word麻烦). ...

  10. Spring Boot + thymeleaf 实现文件上传下载

    参考博客:https://juejin.im/post/5a326dcaf265da431048685e 技术选型:spring boot 2.1.1+thymeleaf+maven 码云地址:htt ...