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.用戶名是否已經被注冊
* 數(shù)據(jù)庫查詢
* */
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');
//加載數(shù)據(jù)庫
var mongoose = require('mongoose');
//加載body-parser,用來處理post提交過來的數(shù)據(jù)
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'));
//配置應用模板
//定義當前應用所使用的模板引擎
//第一個參數(shù),模板引擎的名稱,同時也是模板文件的后綴,第二個參數(shù)表示用于解析處理模板內容的方法
app.engine('html', swig.renderFile);
//設置模板文件存放的目錄,第一個參數(shù)必須是views,第二個參數(shù)是目錄
app.set('views', './views');
/*注冊所使用的模板引擎,第一個參數(shù)必須是view engine,第二個參數(shù)和app.engine這個方法中定義的模板引擎的名稱(第一個參數(shù))是一致的*/
app.set('view engine', 'html');
//在開發(fā)過程中,需要取消模板緩存
swig.setDefaults({cache: false});
//bodyparser設置
app.use( bodyParser.urlencoded({extended:true}) );
/*
* 根據(jù)不同的功能劃分模塊
* */
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('數(shù)據(jù)庫連接失敗');
}else{
console.log('數(shù)據(jù)庫連接成功');
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技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學院和江蘇省首批服務外包人才培訓基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團創(chuàng)建于1999年,經過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術與教育服務機構,發(fā)展為教育服務業(yè)的綜合性企業(yè)集團,成為集合面授教學培訓、網(wǎng)
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。