小编自学Nodejs，看了好多文章发现都不全，而且好多都是一模一样的
当然了，这只是基础的demo，经供参考，但是相信也会有收获
今天的内容是用Nodejs+Express搭建基本的web，然后呢nodejs路由和Ajax之间的数据传输，也就是表单提交，然后在用nodejs把数据写入mysql数据库
用到的东西比较多，但是还是很有趣的
1.安装node.js
安装node.js，直接去官网下载然后根据需求点击下一步就好了
Node.js安装包及源码下载地址为：https://nodejs.org/en/download/ （英文官网）
http://nodejs.cn/download/（中文官网），可以下载 LTS(长期支持版本)
2.安装npm
node.js总，npm可是很重要的，NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，而且很多模板都是需要用这个来安装的
现在的版本都是已经知道npm，下面说一下需要的命令行（node.js都是用命令行来执行的--CMD）
$ npm -v //测试是否安装成功
2.3.0
cnpm install npm -g //安装淘宝镜像，即使用cnpm代替npm，都是一样的
只是淘宝镜像安装会快一些，其实感觉都差不多
node.js很多的模块， 需要什么模块加加载对应的模块，但是模块有一些是需要自己安装的
$ npm install <Module Name> //通用安装模板，Module Name是模板的名称
$ npm install express //使用 npm 命令安装express(web框架)
模块的调用，在js里面使用
var express = require('express'); //调用express模块
模块的安装有两种形式，一种时本地一种时全局（-g） ，require是调用本地的
npm install express // 本地安装
npm install express -g //全局安装
我这里就不做多解释， 大家可以去网上看看，node.js的东西还是不少的，需要时间去学习
3.Express 搭建简单web
什么是Express呢？
Express 是一个简洁而灵活的 node.js Web应用框架
提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。
使用 Express 可以快速地搭建一个完整功能的网站。
Express 框架核心特性：
1.可以设置中间件来响应 HTTP 请求。
2.定义了路由表用于执行不同的 HTTP 请求动作。
3.可以通过向模板传递参数来动态渲染 HTML 页面。 ----引用互联网
之前说到，需要的模块要安装，所以这里我们要先安装这个模块
$ cnpm install express --save //安装express并保存在依赖列表，可以理解为安装在本地，这样方便调用
当然我们还需要其他的框架，当然是否需要根据需求来
$ cnpm install body-parser --save //处理 JSON, Raw, Text 和 URL 编码的数据。
$ cnpm install cookie-parser --save //解析Cookie工具,通过req.cookies取到cookie并转成对象
$ cnpm install multer --save //用于处理 enctype="multipart/form-data"（设置表单的MIME编码）的表单数据
$ cnpm list express //查询版本号，也是看是否安装成功
不多说直接上代码创建一个js文件，我这里是取名server.js
var express = require('express'); //调用模块 var app = express(); app.get('/', function (req, res) { //get请求 res.send('Hello World'); }) var server = app.listen(8888, function () { //监听端口 var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port) })
当然还可以这样写
var express=require('express'); var jqery=require('jquery'); var app=express(); //主頁 get 用来处理get数据提交的路由，后门我们会说路由 app.get('/',function(req,res){ console.log("主頁GET請求"); res.send("hello get"); })var server=app.listen(8081,function(){ var host=server.address().address var port=server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port); })
那么问题来了，怎么运行才是一个node.js程序呢，毕竟我们好像什么都没声明
直接用cmd命令行运行这个文件 node server.js
首先我们的路径要是根目录，可以直接文件夹找到然后在路径栏直接写cmd，cmd将自动以当前路径开始
![[NodeJs] 用Nodejs+Express搭建web，nodejs路由和Ajax传数据并返回状态，nodejs+mysql通过ajax获取数据并写入数据库..._第1张图片](http://img.e-com-net.com/image/info8/b275d4aff6354f7c8174d21a46b59db0.png)
这样就运行成功了，下面这句话是我写的，成功打印出来了，然后用浏览器打开页面，页面路径是127.0.0.1:8888
这样一个基础的web就好了
4.什么是Node.js的路由
由于我们之后和ajax数据传递的时候需要用到路由，所以我们还是了解一下， 而且路由的确是很重要的，我这里简单的介绍一下
路由决定了由谁(指定脚本)去响应客户端请求。
在HTTP请求中，我们可以通过路由提取出请求的URL以及GET/POST参数。
//路由演示 function route_express(){ var express=require('express'); var jqery=require('jquery'); var app=express(); //主頁 get app.get('/',function(req,res){ console.log("主頁GET請求"); res.send("hello get"); }) //主頁 post請求 app.post('/',function(req,res){ console.log("主頁post請求"); res.send("hello post"); }) //刪除頁面 app.get('/del_user',function(req,res){ console.log("del_user get 響應要求"); res.send("刪除頁面"); }) //用戶頁面請求 app.get('/list_user',function(req,res){ console.log("list_user get 響應要求"); res.send("用戶頁面請求"); }) var server=app.listen(8081,function(){ var host=server.address().address var port=server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port); }) }
然后运行js文件，可以用过访问不同的地址得到不同的效果
http://127.0.0.1:8081/list_user http://127.0.0.1:8081 http://127.0.0.1:8081/del_user
会分别打印不同路由配置的文字
4.Node.js+Express+路由+ajax 数据交互
上面说了那么多，现在直接上代码，关于nodejs和ajax前后台数据的交互
当然文件路径也很重要
![[NodeJs] 用Nodejs+Express搭建web，nodejs路由和Ajax传数据并返回状态，nodejs+mysql通过ajax获取数据并写入数据库..._第2张图片](http://img.e-com-net.com/image/info8/a4ea336753e440d7bdb62df23c6e4b07.jpg)
//表單提價 from_submit(); //为了方便管理我用函数包起来调用 //表單提價 function from_submit(){ var express = require('express'); //调用模板 var app = express(); //不污染本来，用变量来表示 var bodyParser = require('body-parser'); //调用模板
//創建編碼解析 var urlencodedParser = bodyParser.urlencoded({ extended: false }) app.use(express.static('public')); //设置今天文件目录 app.get('/form_index.html',function(req,res){ res.sendFile(__dirname+"/"+form_index.html); //提供静态文件 }) app.post('/process_post', urlencodedParser, function (req, res) { //post处理方法 // 输出 JSON 格式 var response = { "names":req.body.names, //得到页面提交的数据 "passwords":req.body.passwords }; //加入數據庫 mysql_connec(req.body.names,req.body.passwords); //数据库方法，加入了两个参数，是提交的数据 console.log(response); res.send("1"); //返回的数据，这里根据情况写 res.end(); }) var server = app.listen(8888, function () { //监听 var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://%s:%s", host, port) }) }
下面是html页面
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title>
<script src="jquery-1.9.1.min.js" type="text/javascript" charset="utf-8">script>
head>
<body>
<form