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. DNS解析原理和流程

    DNS解析原理和流程   DNS解析其实就是将IP地址(202.96.134.133)变成域名(www.xxxxx.com)   网络通讯大部分是基于TCP/IP的,而TCP/IP是基于IP地址的,所 ...

  2. matlab 绘制条状图形

    clear,clc;A=zeros(1080,1920,3);A(:,1:384,:)=0;A(:,385:768,:)=10;A(:,769:1152,:)=20;A(:,1153:1536,:)= ...

  3. TouchSlide触屏滑动特效插件的使用

    官方连接:http://www.superslide2.com/TouchSlide/ TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机.平板电脑等移动终端, 能实现触屏 ...

  4. VS2010/MFC编程入门之四十九（图形图像：CDC类及其屏幕绘图函数）

    上一节中鸡啄米讲了文本输出的知识,本节的主要内容是CDC类及其屏幕绘图函数. CDC类简介 CDC类是一个设备上下文类. CDC类提供了用来处理显示器或打印机等设备上下文的成员函数,还有处理与窗口客户 ...

  5. 第一次使用crontab linux选择编辑器问题

    第一次使用crontab linux选择编辑器问题 第一次使用crontab 时,会出现no crontab for root - using an empty one“Select a editor ...

  6. Ubuntu系统下使用Jenkins进行项目的自动构建还是项目回滚方法

    上面虽然实现了项目的自动部署,但是有时部署失败的时候我们需要回滚到指定版本的构建,这样才能更灵活的进行项目的构建部署.我们可以选择“参数化的构建过程”进行传递不同的参数来选择是进行新的构建还是回滚 如 ...

  7. web前端----JavaScript的BOM

    一.引入 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和 ...

  8. C/C++---printf/cout 从右至左压栈顺序实例详解

    __cdecl压栈顺序实例 明白计算:计算是从右到左计算的 栈和寄存器变量:x++,是将计算结果存放到栈空间,最后是要出栈的:而++x和x是将计算结果直接存放到某个寄存器变量中(是同一个),所以计算完 ...

  9. centos/rhel 6.5（更新至centos 7）下rabbitmq安装（最简单方便的方式）

    vim /etc/hosts 增加 127.0.0.1 hostname 不然启动的时候可能会报如下错误: [root@devel2 rabbitmq]# rabbitmq-server ERROR: ...

  10. 20145206邹京儒MSF基础应用

    20145206邹京儒MSF基础应用 一.MS08_067漏洞渗透攻击实践 实验前准备 1.两台虚拟机,其中一台为kali,一台为windows xp sp3(英文版). 2.在VMware中设置两台 ...