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

[kucal (靜...)]

小弟初學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:$.post() is "ajax" , 當然不會換頁
→ kucal:原來如此... 那有辦法讓他變得像form post 一樣可換頁嗎 @@?
→ kucal:因為我的redirect寫在server那邊 0.0"
→ bibo9901:$('....').submit();
→ kucal:樓上的方法有試過 但是似乎只能在送出之前做判斷 再送出 可
→ kucal:是我的判斷放在server端 也就是要先送出 再回傳值 @@"
→ chrisQQ:變通方法… post success 加上 location.href = "newurl";
→ chrisQQ:這樣不行嘛？直接在前端收到資料後用 js 跳頁就好了＠＠？
→ kucal:目前是用樓上的方法處理 如果是在server端那邊就直接轉跳呢
→ chrisQQ:server 跳轉就只能用 header 但如果你已經有輸出的話就
→ chrisQQ:沒辦法＠＠
→ alpe:不是不行, 但很怪.
→ alpe:跳轉之後html還是可以收到.. 用html去判斷, 夠蝦吧
推 GERRYccc:chrisQQ的方法 $.post當驗證 success 後再 form.submit()
→ kucal:樓上方法小弟也有試過 缺點是會login兩次 XD
推 superpai:看不懂為什麼不用.submit()
推 carlcarl:覺得ChrisQQ的方法就好了 在哪邊跳轉會有差嗎@@?