[爆卦]form submit不跳轉是什麼?優點缺點精華區懶人包

為什麼這篇form submit不跳轉鄉民發文收入到精華區:因為在form submit不跳轉這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者kucal (靜...)看板Ajax標題[問題] js form.submit 與 $.post...


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

你可能也想看看

搜尋相關網站