登錄並修改DIV節「歡迎$用戶名」

Question

我使用div來顯示用戶名/密碼/使用AJAX的通知「登錄無效」無刷新頁面

我需要做什麼提交

而且是，

如果登錄成功，隱藏用於登錄的div部分的元素，然後在同一個div中顯示「welcome $ username」。

（沒有任何頁面重新加載）

有人能幫助我嗎？

Answer 1

使用jQuery的post方法：

$.post(
    '/url/to/post/login/details/to/', 
    $('#login-form').serilaize(), 
    function(data) { 
     // hide the existing div and add a paragraph containing the data 
     // returned form the server 
     $('#some-div') 
      .hide() 
      .after('<p>' + data + '</p>'); 
}); 

假設data只包含了登錄用戶的用戶名。