麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發(fā) > AJAX > 正文

node.js+jQuery實現(xiàn)用戶登錄注冊AJAX交互

2024-09-01 08:33:51
字體:
供稿:網(wǎng)友

最近實現(xiàn)了Node.js當作后臺,jQuery寫前臺AJAX代碼的,實現(xiàn)用戶登錄和注冊的功能,刷新了前后端交互的三觀。特記錄一下。

1.login.ejs實現(xiàn)form框架

  <form >      <ul>        <li><p>用戶名</p></li>        <li><input type="text" name="username" id="username"></li>      </ul>      <ul>        <li><p>密碼</p></li>        <li><input type="password" name="password" id="password"></li>      </ul>      <ul class="mt50">        <li><input id="login_submit" class="submit" type="button" value="登 陸"></li>      </ul>    </form>

form不加method,意圖自己用ajax發(fā)送請求。

2.js實現(xiàn)request的發(fā)送

$("#login_submit").click(function(){  var username=$('#username').val();  var password=$('#password').val();  //這里實現(xiàn)對 username和password格式的判斷  //........  //發(fā)送ajax請求 使用post方式發(fā)送json字符串給后臺login  $.ajax({    type: "post",    url: "http://localhost:3000/login",    dataType: "json",    data:{ username: username, password: password },    success: function(data){    //接受返回的數(shù)據(jù),前端判斷采取的動作      if(data){        if(data.message=="false"){          alert('密碼錯誤,請重新輸入');          window.location.href="login";        }else{          alert('登陸成功');          window.location.href="index";        }      } else{      }    }  });});

2.后臺接收

/** * 注冊頁 post  */router.post('/reg', function (req, res, next) {  //先查詢有沒有這個user  console.log("req.body"+req.body);  user2.findDocuments(DATABASE, "users", 1, {"uName":req.body.username}, function (user) {    res.setHeader('Content-Type', 'application/json;charset=utf-8');    if(user.length==0){      //用戶名沒有重復 同意創(chuàng)建用戶      user2.insertDocuments(DATABASE, "users",        [{          "uName":req.body.username,          "uPasswd":req.body.password,          "uEmail":req.body.email,          "uHasshop":0,          "uShopname":"null",          "aId":'-1'        }],        function (result){          res.send({status:"success", message:"true"});        }      );    }    else{      // 用戶名重復。找到這個user 不同意創(chuàng)建用戶      res.send({status:"success", message:"false"});    }  });});

注冊頁面跟登陸頁面類似。不再贅述。

總之呢,之前老是覺得自己瀏覽器訪問的頁面是前端的東西。后端是一個虛無縹緲的一堆代碼。現(xiàn)在明白其實訪問的所有的url都是屬于后端的。后端發(fā)送什么內(nèi)容,瀏覽器就顯示什么內(nèi)容。前端的顯示只是一時半刻,后端的資源才是永久噠。

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持VeVb武林網(wǎng)!


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 精品亚洲一区二区 | 亚洲va久久久噜噜噜久牛牛影视 | 日美av在线 | 久久草在线视频 | 国产亚洲精品美女久久久 | 国产精品成年片在线观看, 激情小说另类 | 偿还的影视高清在线观看 | 99最新网址 | 日韩av在线网址 | 免费毛片视频 | 色妹子久久 | 欧美日韩在线免费观看 | 成人午夜免费看 | 久久一级 | 九九看片 | 亚洲精品一区中文字幕 | 九九热视频这里只有精品 | 国产一区二区三区在线免费 | 久久男人天堂 | 鲁人人人鲁人人鲁精品 | 精品国产一级毛片 | 一区二区三区欧美在线 | 国产精品一区自拍 | 久久久成人999亚洲区美女 | 国产美女视频免费 | 草操视频 | 国产精品麻豆一区二区三区 | 视频一区二区三区视频 | 亚洲精品 欧美 | 久久69精品久久久久久国产越南 | 男男羞羞视频网站国产 | 手机免费看一级片 | 成人在线视频一区 | 日本娇小videos高潮 | 国产精品啪一品二区三区粉嫩 | 99精品国产在热久久婷婷 | 日韩大片在线永久观看视频网站免费 | av国产在线被下药迷网站 | 成人午夜免费看 | 精品中文字幕久久久久四十五十骆 | 日本一区二区三区视频在线 |