node.js环境自行搭建，参考菜鸟教程的node.js就可以。

1 通过ajax提交index.html中form表单

register.html文件如下：

<!doctype html>

<html>

<head>

    <meta charset="UTF-8" />

    <title>Document</title>

    <script src="jquery.js"></script>

    <script src="ajax.js"></script>

    <style>

        form{padding: 100px;border: 1px solid red;width: 350px;margin: 0 auto;}

        form input{display: block;margin: 0 auto;margin-bottom: 20px;}

    </style>

</head>

<body>

    <form id="register" action="" method="get">

        <input type="hidden" name="action" value="register" />

        用&ensp;户&ensp;名: <input type="text" name="name" placeholder="请输入用户名..." />

        密&emsp;&emsp;码: <input type="password" name="pass" placeholder="请输入密码..." />

        电子邮件：<input type="email" name="email" placeholder="请输入合法邮件名..." />

        <input id="register-sub" type="submit" value="注册" />

    </form>

</body>

</html>

ajax.js文件如下：

$(function(){

    $('#register-sub').on('click',function(){

        var info = $('form').serialize();

        $.ajax({

            type:"get",

            url:"http://127.0.0.1:8081",

            data:info,

            success:function(response,status,xhr){

                alert(response);

                localStorage.name = $('input[name="name"]').val();

            }

        });

        return false;

    });

    $('#login-sub').on('click',function(){

        return false;

    });

});

2 重点node.js后台：接收数据、写入数据库、给前台返回信息

首先创建服务器文件：server.js: res.writeHead();后边的那个是为了跨域访问

var http = require('http');

var url = require('url');

var util = require('util');

var mysql = require('./mysql');//这个是自己写的用来向数据库写入用户的文件

http.createServer(function(req,res){

    res.writeHead(200,{"Content-Type":'text/plain','charset':'utf-8','Access-Control-Allow-Origin':'*','Access-Control-Allow-Methods':'PUT,POST,GET,DELETE,OPTIONS'});

    //解析URL参数

    var params = url.parse(req.url,true).query;

    mysql.reg(params.action,params.name,params.pass,params.email);

    res.write("注册成功");

    res.end();

}).listen(8081);

其次mysql.js文件连接数据库：

exports.reg = function (action,name,pass,email){

    var mysql  = require('mysql');  

    var connection = mysql.createConnection({

      host     : 'localhost',

      user     : 'root',

      password : '123456',

      port: '3306',

      database: 'test',

    }); 

    connection.connect();

    var modSql = "insert into user (name,pass,email) values ('"+name+"','"+pass+"','"+email+"')";

    connection.query(modSql,function (err, result) {

       if(err){

             console.log('[UPDATE ERROR] - ',err.message);

             return;

       }

    });

    connection.end();

}

这样其实一个注册功能就基本实现了，在浏览器中打开register.html，点击注册，会把数据提交到服务器（这里跨域了奥），再写入数据库，就实现了注册功能。

node.js前后台交互示例 -- 使用node.js实现用户注册功能的更多相关文章

  1. 背水一战 Windows 10 (64) - 控件（WebView）: 加载指定 HttpMethod 的请求, 自定义请求的 http header, app 与 js 的交互

    [源码下载] 背水一战 Windows 10 (64) - 控件(WebView): 加载指定 HttpMethod 的请求, 自定义请求的 http header, app 与 js 的交互 作者: ...

  2. node.js 接口调用示例

    测试用例git地址(node.js部分):https://github.com/wuyongxian20/node-api.git 项目架构如下: controllers: 文件夹下为接口文件 log ...

  3. 前端（Node.js）（3）-- Node.js实战项目开发:“技术问答”

    1.Web 与 Node.js 相关技术介绍 1.1.Web应用的基本组件 web应用的三大部分 brower(GUI)<==>webserver(business logic.data ...

  4. node.js学习（二）--Node.js控制台（REPL）&&Node.js的基础和语法

    1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. ...

  5. Edge.js：让.NET和Node.js代码比翼齐飞

    通过Edge.js项目,你可以在一个进程中同时运行Node.js和.NET代码.在本文中,我将会论述这个项目背后的动机,并描述Edge.js提供的基本机制.随后将探讨一些Edge.js应用场景,它在这 ...

  6. io.js - 兼容 NPM 平台的 Node.js 新分支

    io.js(JavaScript I/O)是兼容 NPM 平台的 Node.js 新分支,由 Node.js 的核心开发者在 Node.js 的基础上,引入更多的 ES6 特性,它的目的是提供更快的和 ...

  7. [Whole Web, Node.js, PM2] Configuring PM2 for Node applications

    In this lesson, you will learn how to configure node apps using pm2 and a json config file. Let's sa ...

  8. 前后台交互经常使用的技术汇总（后台：Java技术，前台：Js或者Jquery）

    1:由于针对特定的前后台交互用到的知识总结,所以不大量贴代码,主要给出思路,方便自己以后脑补和技术总结,当然也希望可以帮助到别人. 后台Json和其他格式转化,之前总结过Json和对象,集合,字符串的 ...

  9. [Node.js] 01 - How to learn node.js

    基本概念 链接:https://www.zhihu.com/question/47244505/answer/105026648 链接:How to decide when to use Node.j ...

随机推荐

  1. myeclipse2015 安装配置

    本人提供<myeclipse2015 安装过程及破解资源> 链接:http://pan.baidu.com/s/1o79wwMQ 密码:crnp 安装步骤 1.安装jdk: http:// ...

  2. Alamofire源码解读系列(三)之通知处理(Notification)

    本篇讲解swift中通知的用法 前言 通知作为传递事件和数据的载体,在使用中是不受限制的.由于忘记移除某个通知的监听,会造成很多潜在的问题,这些问题在测试中是很难被发现的.但这不是我们这篇文章探讨的主 ...

  3. Python 正则表达式（字符）详解

    Python正则表达式 - 简介 ​    其实正则表达式这种技术,源于一个很简单的问题:  如何通过变成使得计算机具有在文本中检索某种模式的能力? ​     而正则表达式为通过编程实现高级的文本模 ...

  4. centOS7 mini配置linux服务器（三） 配置防火墙以及IPtables切换

    一.firewall介绍 CentOS 7中防火墙是一个非常的强大的功能,在CentOS 6.5中在iptables防火墙中进行了升级了. 1.官方介绍 The dynamic firewall da ...

  5. 数据库中的T-sql语句 条件修改 高级查询

    1.创建数据库:create database --数据库名,不能中文,不能数字开头,不能符号开头 2.删除数据库:drop database-- 数据库名 use student--使用数据库 3. ...

  6. CoreGraphics--画线/圆/矩形

    - (void)drawRect:(CGRect)rect { // Drawing code NSLog(@"drawRect自动调用"); //画图步骤 //获取上下文(/画笔 ...

  7. [lua] mac上如何编译snapshot（检测Lua中的内存泄露）

    最近我们的unity手游频繁闪退,只要进入战斗场景,之后一段时间就会闪退,如果是在unity编辑器中则会报出not enough memory的错误!猜测应该是有内存泄漏: 由于我们使用了tolua, ...

  8. nodejs的简单爬虫

    闲聊       好久没写博客了,前几天小颖在朋友的博客里看到了用nodejs的简单爬虫.所以小颖就自己试着做了个爬博客园数据的demo.嘻嘻......      小颖最近养了条泰日天,自从养了我家 ...

  9. Unity 3D Framework Designing(4)——设计可复用的SubView和SubViewModel(Part 1)

    『可复用』这个词相信大家都熟悉,通过『可复用』的组件,可以大大提高软件开发效率. 值得注意的事,当我们设计一个可复用的面向对象组件时,需要保证其独立性,也就是我们熟知的『高内聚,低耦合』原则. 组件化 ...

  10. 腾讯云总监手把手教你，如何成为AI工程师？

    作者:朱建平 腾讯云技术总监,腾讯TEG架构平台部专家工程师 1.关于人工智能的若干个错误认知 人工智能是AI工程师的事情,跟我没有什么关系 大数据和机器学习(AI) 是解决问题的一种途径和手段,具有 ...