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. 自实现jQuery版分页插件

    本篇博客的分页插件是在2017-11-10 的一篇博客的基础上改造的(原博客地址:原生js版分页插件),主要是优化了分页按钮的排列和显示样式,取消首页和末页的箭头按钮,改为数字按钮,并始终把它们分别固 ...

  3. redis桌面管理工具 redis-desktop-manager使用指南(转）

    版权声明:转自 http://blog.csdn.net/li396864285/article/details/54629898     概要:一款好用的Redis桌面管理工具,支持命令控制台操作, ...

  4. yii2模板

    GridView 小部件在开发中常用的功能及技巧.持续更新中.... 数据网格或者说 GridView 小部件是Yii中最强大的部件之一.它有一个属性名叫 dataProvider ,这个属性能够提供 ...

  5. python+Django框架运用（一）

    Django 介绍: django是一个采用Python语言开发的开源框架,2005年发布.早期是做新闻以及内容管理的网站的,提供了非常强大的后管理系统. django官网:https://www.d ...

  6. Python: 猴子分桃。海滩上有一堆桃子，五只猴子来分。

    海滩上有一堆桃子,五只猴子来分.第一只猴子把这堆桃子平均分为五份,多了一个,这只猴子把多的一个扔入海中,拿走了一份.第二只猴子把剩下的桃子又平均分成五份,又多了一个,它同样把多的一个扔入海中,拿走了一 ...

  7. Javassist注解（Annotation）的使用：CXF WebService动态生成

    设计一个对接系统,通过动态模型的增删改触发业务系统相应服务的调用.模型增删改方法动态发布为WebService服务.WebService服务采用CXF发布,动态类生成采用Javassist.由于Web ...

  8. 日志处理(一) log4j 入门和详解(转)

    log4j  入门. 详解 转自雪飘寒的文章 1. Log4j  简介 在应用程序中添加日志记录总的来说基于三 个目的:    监视代码中变量的变化情况,周期性的记录到文件中供其他应用进行统计分析工作 ...

  9. Linux服务器配置---安装vsftpd

    安装vsftpd 大多数Linux系统都使用vsftpd,因此这里我们也安装vsftpd 1.安装vsftpd [root@localhost phpMyAdmin]# yum install -y ...

  10. Linux基础命令---cp

    cp 复制文件,可以将一个文件复制到另外一个地方,也可以将多个文件复制到目录. 此命令的适用范围:RedHat.RHEL.Ubuntu.CentOS.SUSE.openSUSE.Fedora. 1.语 ...