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