當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

express登录例子

發(fā)布時間：2023/12/31 编程问答 21 豆豆

生活随笔收集整理的這篇文章主要介紹了 express登录例子小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本實例主要涉及紅框圈出的文件：

文件描述：

www 里面存放靜態(tài)文件
a.html是我們的表單文件
ajax.js是封裝的一個ajax
server2.js是建立的服務端文件

代碼簡述：

server2.js

const express = require('express') const expressStatic = require('express-static') //用于改變靜態(tài)資源路徑var server = express() server.listen(8087) //監(jiān)聽到8087端口//用戶數據（后面會使用數據庫代替） var users = {blue: '1234',zhangsan: '654321',lisi: '987987',mayouchen: '1234', }console.log('開始運行數據~') //請求方式 get post。use通用兼容get post的請求~ server.get('/login', function (req, res) {var user = req.query['user']var pass = req.query['pass']if (users[user] == null) {res.send({ ok: false, msg: '此用戶不存在' })} else {if (users[user] != pass) {res.send({ ok: false, msg: '密碼錯了' })} else {res.send({ ok: true, msg: '成功' })}} })server.use(expressStatic('./www'))

a.html

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><script src="ajax.js" charset="utf-8"></script><script type="text/javascript">window.onload = function () {var oUser = document.getElementById('user');var oPass = document.getElementById('pass');var oBtn = document.getElementById('btn1');oBtn.onclick = function () {ajax({url: '/login',data: { user: oUser.value, pass: oPass.value },success: function (str) {var json = eval('(' + str + ')');if (json.ok) {alert('登錄成功');} else {alert('失敗：' + json.msg);}},error: function () {alert('通信失敗');}});};};</script> </head><body>用戶：<input type="text" id="user" /><br>密碼：<input type="password" id="pass" /><br><input type="button" value="登錄" id="btn1" /> </body></html>

ajax.js

function json2url(json) {var arr = []for (var name in json) {arr.push(name + '=' + json[name])}return arr.join('&') } function ajax(json) {json = json || {}if (!json.url) returnjson.data = json.data || {}json.type = json.type || 'get'var timer = nullif (window.XMLHttpRequest) {var oAjax = new XMLHttpRequest()} else {var oAjax = new ActiveXObject('Microsoft.XMLHTTP')}switch (json.type) {case 'get':oAjax.open('GET', json.url + '?' + json2url(json.data), true)oAjax.send()breakcase 'post':oAjax.open('POST', json.url, true)oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded')oAjax.send(json2url(json.data))break}oAjax.onreadystatechange = function () {if (oAjax.readyState == 4) {clearTimeout(timer)if ((oAjax.status >= 200 && oAjax.status < 300) || oAjax.status == 304) {json.success && json.success(oAjax.responseText)} else {json.error && json.error(oAjax.status)}}} } 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的express登录例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。