Re: [問題] 新增使用者 with jquery

看板Ajax作者 (沉默是金)時間16年前 (2009/04/21 14:49), 編輯推噓3(304)
留言7則, 4人參與, 最新討論串2/2 (看更多)
※ 引述《josch ()》之銘言: : 我正在作一個新增使用者的form : 已經先用php從mysql把user的table拉出來了 : 要怎麼寫才能在同一個頁面去警告使用者 : username已經被註冊了呢??? : 對javascript還不是很熟 : 可否給點提示或者示範頁面呢 1.找觸發時間點. 通常是填完時,像是username 的text onblur , 也可以是放一個按鈕在旁邊檢查。 2.想辦法發個 request 給某個指定的 php . (假設叫check.php) (這部份就是所謂ajax , 自己google.) 帶上一個 userName 參數 , 要post或get都可以 , 找code後自己選 . 3.寫後端對應的 check.php 可能只寫個 ----------------------------------------------- <? $bLogin = chckUserLogin($_GET["userName"]); ?> $bLogin ----------------------------------------------- 我php只會皮毛 , 意思看得懂就好, chckUserLogin 那部份跟 ajax沒關係 , 純粹撈db查資料, 這部份自己寫. 4.這裡其實要跟2接著一起看 , 但是因為會混淆 , 所以我放在3後面 . 這裡是要寫 2 那個request 的 callback , 如果是 xmlHttpRequest的話 , 代表的就是 onreadystatechange 事件. 通常你在這部份是需要寫一個function request.onreadystatechange= function(request){ if (request.readyState == 4) { if (request.status == 200) { if(request.responseText=="true"){ /*作某些事情表達已經有人了...*/ }else{ /*作某些事情表達這名字ok...*/ } } else if (request.status == 404) { alert ("Requested URL is not found."); } else if (request.status == 403) { alert("Access denied."); } else alert("status is " + request.status); } }; -- 雖然這種 ajax 作法已經很古老了 , 不過對新手來講還算實用 . 在你想要實做ajax 之前 , 你必須先有能力"看懂" , 然後填上這段描述中所有的空白. 如果有任何一項還看不懂 , 你應該先搞懂他們先. ajax 只是拼圖遊戲罷了... -- What do you want to have ? / What do you have? 從書本中,你可以發現我的各種興趣。 從CD中,你可以瞭解我所喜歡的偶像明星。 或許從文字你很難以瞭解一個人,但從物品可以。 My PPolis , My past. http://ppolis.tw/user/Tony -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 221.169.78.140 ※ 編輯: TonyQ 來自: 221.169.78.140 (04/21 14:50) ※ 編輯: TonyQ 來自: 221.169.78.140 (04/21 14:51)

04/21 14:52, , 1F
2、4的參考資料 #15aVHpQB
04/21 14:52, 1F

04/21 15:49, , 2F
thank you!!!
04/21 15:49, 2F

04/21 18:02, , 3F
有個不用AJAX的爛招,準備一個iframe,另外寫支PHP負責檢查
04/21 18:02, 3F

04/21 18:02, , 4F
資料並印訊息。檢查時用javascript送表單資料給該支PHP表單
04/21 18:02, 4F

04/21 18:02, , 5F
target設為你的iframe。這樣看起來也很唬人了[笑]
04/21 18:02, 5F

04/21 21:48, , 6F
iframe是ajax流行前的方法,並不爛啊..
04/21 21:48, 6F

04/22 00:00, , 7F
我個人不喜歡這樣用iframe,雖然效果還不錯 :P
04/22 00:00, 7F
文章代碼(AID): #19xMo8x5 (Ajax)
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
文章代碼(AID): #19xMo8x5 (Ajax)