最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

ajax方式實現(xiàn)注冊功能(提交數(shù)據(jù)到后臺數(shù)據(jù)庫完成交互)

 更新時間:2016年08月13日 10:16:45   作者:紫曖  
這篇文章主要介紹了ajax方式實現(xiàn)注冊功能,提交數(shù)據(jù)到后臺數(shù)據(jù)庫完成交互,感興趣的小伙伴們可以參考一下

一、當(dāng)我們在驗證表單的時候,為了阻止把錯誤的也發(fā)送到服務(wù)器,我們通常這樣設(shè)置:

   $(function(){
    var isusername;(定一個變量)
    var ispwd;
     $('form').submit(function(e){
       if(!isusername || !ispwd){
         e.preventDefault();(阻止事件的默認(rèn)事件)
      })
   });

1、在nodejs中我們可以用以下方法來(加載)跳轉(zhuǎn)頁面:
JQuery 中的load()  這是實行加載一個頁面
 window.location()  這是在windows下跳轉(zhuǎn)到一個指定的頁面   

二、 node.js中MongoDB的安裝步驟及相關(guān)操作:
1.下載安裝程序。(windowXP只能使用2.2以前的版本,window7以上系統(tǒng)可以使用最新版本)下載地址:http://www.mongodb.org/downloads
2.開始安裝MongoDB。如果是XP系統(tǒng)可以直接將安裝目錄拷貝到指定的目錄下。如果win7系統(tǒng)則運行安裝程序,可以自己選擇安裝路徑。(注意安裝路徑不要出現(xiàn)中文)安裝好的MONgoDB默認(rèn)在C:\Program Files\MongoDB\Server\3.2\bin
3.在安裝的同一目錄下創(chuàng)建一個目錄data,然后在data目錄中創(chuàng)建db目錄和log目錄。
4.在命令行里輸入 cd C:\Program Files\MongoDB\Server\3.2\bin回車,再輸入mongo。進(jìn)行mongo.exe操作界面。
5.開始運行MongoDB??梢酝ㄟ^以下命令將MongoDB的程序安裝到windows的服務(wù)中。
最后打開命令行,切換到MongoDB的bin目錄下。運行:
mongod.exe --dbpath "c:\data\db" --logpath "c:\data\log\mongodb.log" --install
6.在mongo.exe中我們可以完成增、刪、改、查:下面依次介紹
在這之前我們可以用show dbs來查看當(dāng)前mongo中的所有數(shù)據(jù)庫,如果沒有就用use f30(先找有沒有F30,如果沒有就自動創(chuàng)建一個名為f30的數(shù)據(jù)庫)
1>增加:db.users.insert({maen:'dd',age:20})
增加后,可能用db.users.find()來看是否增加成功
2>刪除:db.users.remove({maen:'dd'}) 或 db.users.remove({})  (這是刪除users里面的所有數(shù)據(jù))
3>修改:db.users.update({maen:'dd'},{age:22})   把名字dd的年齡修改為22
4>查找:db.users.find({age:{$gt:20})  查找大于20的數(shù)據(jù)  

三、我們可以通過BUTTON來提交數(shù)據(jù) ,并跳轉(zhuǎn)到登錄界面,代碼如下 :

 $("input[type=button]").click(function(e){
 if(!isUsernameValid || !isPwdValid){ //用if語句來判斷當(dāng)用戶名或者密碼有一個為false時就彈出一個消息框,并提示:請輸入正確的信息。
           alert('請輸入正確的信息');
           return;  //結(jié)束
         }
         $.ajax({       //用ajax來實現(xiàn)不刷新網(wǎng)頁的基礎(chǔ)上更新數(shù)據(jù)
           type:"post", //請求方式
           url:"/users/reg", //路徑
           data:{
             username:$("input[name=username]").val(),  //獲取input中name為username的值
             pwd:$("input[name=pwd]").val() //獲取input中name為pwd的值
           },
           success:function(){
             alert("注冊成功");
             window.location = "login.html"; //注冊成功就跳轉(zhuǎn)到login.html
           }
         });
         
       })

 以上代碼就是用ajax的方式來實現(xiàn)注冊功能。

相關(guān)文章

  • Ajax長連接項目案例

    Ajax長連接項目案例

    所謂的長連接,就是不斷去發(fā)送請求,把請求阻塞在服務(wù)器端,每次超過請求時間就去重新發(fā)送請求,下面以一個實例為大家詳細(xì)介紹下,感興趣的朋友可不要錯過了哈
    2013-08-08
  • 比getjson好的底層函數(shù)是哪個有什么優(yōu)點

    比getjson好的底層函數(shù)是哪個有什么優(yōu)點

    比getjson好的底層函數(shù)優(yōu)點在于如果網(wǎng)絡(luò)出問題了,可以通過error方法來告訴用戶出錯,需要的朋友可以參考下
    2014-02-02
  • Ajax的用法總結(jié)

    Ajax的用法總結(jié)

    Ajax英文全稱為“ Asynchr JavsScript and XML”(異步的JavaScript和XML),是一種創(chuàng)建交互式網(wǎng)頁的開發(fā)技術(shù)。下面通過本文給大家介紹Ajax的用法總結(jié),需要的朋友參考下吧
    2017-06-06
  • 關(guān)于ajax的使用方法_例題、ajax的數(shù)據(jù)處理

    關(guān)于ajax的使用方法_例題、ajax的數(shù)據(jù)處理

    下面小編就為大家?guī)硪黄P(guān)于ajax的使用方法_例題、ajax的數(shù)據(jù)處理。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-05-05
  • php+ajax實現(xiàn)帶進(jìn)度條的大數(shù)據(jù)排隊導(dǎo)出思路以及源碼

    php+ajax實現(xiàn)帶進(jìn)度條的大數(shù)據(jù)排隊導(dǎo)出思路以及源碼

    最近在做一個項目,我們現(xiàn)在有很多數(shù)據(jù),分表存放,項目要求在導(dǎo)出的時候需要有進(jìn)度條。經(jīng)過一番思索,完成了一下內(nèi)容,分享給大家。最后面有完整代碼。
    2014-05-05
  • 純AJAX分頁,V0.2版 下載+演示

    純AJAX分頁,V0.2版 下載+演示

    純AJAX分頁,V0.2版 下載+演示...
    2007-01-01
  • 淺談Ajax相關(guān)及其優(yōu)缺點

    淺談Ajax相關(guān)及其優(yōu)缺點

    最近在學(xué)習(xí)有關(guān) AJAX 的知識,上網(wǎng)查閱了一些有關(guān) AJAX 的資料,主要是有關(guān) AJAX的技術(shù)簡介及其優(yōu)缺點等。在這里,我想對我收集的資料做一些小小的總結(jié),大部分資料都來自網(wǎng)上,本人在此只做分類總結(jié),希望對和我一樣正在學(xué)習(xí) AJAX 的朋友有一定的幫助。
    2015-06-06
  • IE下jquery ajax無法獲得最新數(shù)據(jù)的問題解決(IE緩存)

    IE下jquery ajax無法獲得最新數(shù)據(jù)的問題解決(IE緩存)

    利用ajax查詢數(shù)據(jù),在谷歌瀏覽器下可以獲取到最新數(shù)據(jù),而在IE中獲得是舊數(shù)據(jù),無法獲得最新的數(shù)據(jù),經(jīng)查資料,才發(fā)現(xiàn)時IE緩存再作怪
    2013-08-08
  • AJAX開發(fā)簡略 (第二部分)

    AJAX開發(fā)簡略 (第二部分)

    這篇文章主要給大家介紹了關(guān)于AJAX開發(fā)簡略 (第二部分)的相關(guān)資料,需要的朋友可以參考下
    2006-12-12
  • 使用Ajax局部更新Razor頁面的實例代碼

    使用Ajax局部更新Razor頁面的實例代碼

    Razor功能非常強大,但是本身并不能做到無刷新,所以需要配合ajax使用。本文通過一個例子給大家介紹使用Ajax局部更新Razor頁面,需要的朋友參考下吧
    2017-09-09

最新評論

旌德县| 阳朔县| 磐石市| 乐山市| 周至县| 象州县| 五家渠市| 大田县| 大同县| 云安县| 六安市| 奈曼旗| 桐城市| 丹寨县| 辽中县| 绥芬河市| 弥勒县| 康马县| 库车县| 巧家县| 通江县| 营山县| 福安市| 新野县| 萍乡市| 合肥市| 芷江| 错那县| 常熟市| 峨边| 许昌市| 绥德县| 伊宁市| 禹州市| 舟曲县| 谷城县| 广河县| 阿克| 伊金霍洛旗| 武乡县| 开封市|