[問題] js form.submit 與 $.post 的執行

看板Ajax作者kucal (靜...)時間13年前 (2012/05/04 20:49)推噓3(3推 0噓 14→)

留言17則, 8人參與討論串1/1

小弟初學JS 遇到了一些小問題想向板上的前輩們請教我有一個HTML 裡面有一個表單程式如下 <form name="loginform" action="/login" method="post"> Account:<input name='id' id='id' value="" type='text'/> Password:<input name='pwd' id='pwd' value="" type='password'/> <input type="button" value="login" onClick="check()"/> </form> 如果我使用 form.submit()的方式將表單內容送出時則可以重導至另一網頁但是如果我用 $.post() 的方式將值傳給server後卻無法重導到另一網頁 --------------------- client code by html+js ----------------------- function check() { if(loginform.id.value == "") { //檢查輸入內容 (略) } else { // 內容輸入合法的話 formsubmit(); } } function formsubmit() { $.post( "login", { // 從表單中取値送出 id: loginform.id.value, pwd: loginform.pwd.value, }, function (data) { // 如果server將帳密判斷合法 server會導至登入後頁面若非則傳回 fail if( data == 'failed') { alert('登入失敗'); loginform.reset(); } }); } --------------------------- server code by nodejs ------------------ app.post('/login', function (req, res) { // 從post中抓資料出來 var id = req.body.id; var pwd = req.body.pwd; // 資料庫連線初始化 var client = mysql.createClient({ // (略) }); // 去資料庫中查詢使用者帳密是否一致 client.query( "my sql query", function selectCb(err, results, fields) { if (err) { throw err; } else { if (results[0] == null || results[0] == undefined) { console.log('查無帳號: ' + id); res.send('failed'); // 傳回failed字串給client } else { if (results[0].pwd == pwd) { console.log('登入成功: ' + id); // 導到登入後頁面 res.redirect('/loginafterpage.html'); } else { console.log('登入失敗帳號' + id + " 密碼錯誤") res.send('failed'); } } } client.end(); } ); }); 請問 form.submit()行得通可以跳到新頁面而$.post卻無法轉跳問題出在哪有可行的變通方案嗎麻煩各位大大了 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 163.22.18.32

→

CaptainH

05/04 20:51, , 1^F

05/04 20:51, 1^F

→

kucal

05/04 20:53, , 2^F

05/04 20:53, 2^F

→

kucal

05/04 21:38, , 3^F

05/04 21:38, 3^F