Ajax代碼:
$(function () {
var $register = $(".register");
var $login = $(".login");
$login.find(".submit").on('click',function () {
});
$register.find('button').on('click', function(){
// 通過ajax提交請求
$.ajax({
type:'post',
url:'/api/user/register',
data:{
username: $register.find('[name="username"]').val(),
password: $register.find('[name="password"]').val(),
repassword: $register.find('[name="repassword"]').val(),
email: $register.find('[name="email"]').val()
},
dataType:'json',
success: function (result) {
console.log(result);
}
});
})
})
后端代碼:
/**
* Created by Administrator on 2018/4/16.
*/
var express = require('express');
var router = express.Router();
//統(tǒng)一返回格式
var responseData;
router.use(function (req, res, next) {
responseData = {
code: 0,
message:''
}
next();
});
/*
* 用戶注冊
* 注冊邏輯
*
* 1.用戶名不能為空
* 2.密碼不能為空
* 3.兩次輸入密碼必須一致
*
* 1.用戶名是否已經被注冊
* 數據庫查詢
* */
router.post('/user/register', function (req, res, next) {
var username = req.body.username;
var password = req.body.password;
var repassword = req.body.repassword;
var email = req.body.email;
console.log(username,password,repassword,email);
//用戶名是否為空
if(username == ''){
responseData.code = 1;
responseData.message = '用戶名不能為空';
res.json(responseData);
return;
}
//密碼不能為空
if(password == ''){
responseData.code = 2;
responseData.message = '密碼不能為空';
res.json(responseData);
return;
}
// 兩次輸入的密碼不一致
if(password != repassword){
responseData.code = 3;
responseData.message = '兩次輸入的密碼不一致';
res.json(responseData);
return;
}
responseData.message = '注冊成功';
res.json(responseData);
});
module.exports = router;
app.js:
/**
* Created by Administrator on 2018/4/16.
* 應用程序的啟動(入口)文件
*/
//加載express模塊
var express = require('express');
//加載模板處理模塊
var swig = require('swig');
//加載數據庫
var mongoose = require('mongoose');
//加載body-parser,用來處理post提交過來的數據
var bodyParser = require('body-parser');
//創(chuàng)建app應用=>NodeHS Http.createServer()
var app = express();
//設置靜態(tài)文件托管
//當用戶訪問的url以/public開始,那么直接返回對應__dirname + '/public'下的文件
app.use('/public', express.static(__dirname + '/public'));
// app.use('/static', express.static('public'));
//配置應用模板
//定義當前應用所使用的模板引擎
//第一個參數,模板引擎的名稱,同時也是模板文件的后綴,第二個參數表示用于解析處理模板內容的方法
app.engine('html', swig.renderFile);
//設置模板文件存放的目錄,第一個參數必須是views,第二個參數是目錄
app.set('views', './views');
/*注冊所使用的模板引擎,第一個參數必須是view engine,第二個參數和app.engine這個方法中定義的模板引擎的名稱(第一個參數)是一致的*/
app.set('view engine', 'html');
//在開發(fā)過程中,需要取消模板緩存
swig.setDefaults({cache: false});
//bodyparser設置
app.use( bodyParser.urlencoded({extended:true}) );
/*
* 根據不同的功能劃分模塊
* */
app.use('/admin', require('./routers/admin'));
app.use('/api', require('./routers/api'));
app.use('/', require('./routers/main'));
//監(jiān)聽http請求
mongoose.connect('mongodb://localhost:27017/blog',function (err) {
if(err){
console.log('數據庫連接失敗');
}else{
console.log('數據庫連接成功');
app.listen(8081);
}
});
HTML代碼:
<form method="post" action="" class="register">
<div class="inset-register">
<label for="username">用戶名:</label><input type="text" id="username" name="username">
</div>
<div class="inset-register">
<label for="password">密碼:</label><input type="password" id="password" name="password">
</div>
<div class="inset-register">
<label for="repassword">確認密碼:</label><input type="password" id="repassword" name="repassword">
</div>
<div class="inset-register">
<label for="email">郵箱:</label><input type="email" id="email" name="email">
</div>
<div class="inset-register">
<button >注冊</button>
</div>
</form>
報錯問題:
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數據專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯網管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網頁制作和網頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。