最近有很多前端同學都抱怨說，登陸表單都不能記錄自己的帳號。這對於用單一頁面(single-page applications)和使用ajax比較多的網頁來說，還是一個蠻普遍的問題。
UserApp是一個使用angularjs建構的WebApp，但是他一直未能支援瀏覽器的"save password"特性。
下面就列出了一些發現的問題：
表單不能用js動態的插入DOM。
表單必須真正的發出一個POST請求。 （不能取得表單內容，然後用ajax發出請求）
當瀏覽器自動填表後，$scope並不能獲得更新的資料。
Firefox相對來說簡單一點，只要表單元素有name屬性，觸發提交事件之後，它就會自動提醒使用者是否要記錄資料。
firefox記錄資料的要求比較簡單
但是firefox有個問題，自動填表之後，$scope裡的資料並不會更新。所以我google了一下，發現了一些針對這個問題的hacks。但總覺得這些解決方案沒必要，因為我需要的只是在提交表單的時候將資料帶上，而不是一些很溜逼的資料雙向綁定技術。所以我就採用了很簡單的辦法：在提交表單的時候取得表單元素的值。
OK,現在firefox沒問題了，但chrome怎麼辦呢？
chrome只有在form表單真正發起POST請求的時候才會提示使用者是否儲存密碼，但這樣的話就不能用Ajax操作了。
下面是解決方法：
當表單發出Post請求時，用ng-submit截取，回傳false將其阻止，同時用ajax提交資料。
當ajax成功返回時，將session儲存在cookies裡，再將表單重新提交一邊。
頁面重載的時候會發現已經認證過了，就將其重新導向到主頁。
這會讓頁面刷新一次，但也就是登入的時候需要刷新而已，確保頁面回來時是同一個地址就行了。
但如果表單是被動態加入DOM的時候，這個方法仍然不行。解決方案就是在index.html中加入一個隱藏的表單，需要提交資料的時候就將其它表單攜帶的資料複製到隱藏表單裡。
我把它打包成了一個directive：
scope.onSubmit(function() {
$("#login-form")[0].submit();
});
return false;
};
}
};
});
在index.html裡隱藏的表單：
臨時登入表單
登入用的controller:
function ajaxCallback() {
submit();
}
return false;
};
刷新時會提示是否重新提交表單
現在這個問題解決了，但是每當你按f5的時候，瀏覽器都會提醒你要不要重新提交表單。這確實有點蛋疼，所以我添加了一個pre-login.html文件，隱藏的表單會提交資料到這裡，然後再重定向到index.html。
現在OK了～
