2012-10-09 105 views
2

實現AJAX登錄門戶的最佳方式是什麼?
我正在創建一個像Stack Overflow這樣的登錄門戶,它允許用戶選擇登錄網站的多種方法。AJAX登錄界面

如何進行選擇AJAX,以便例如用戶使用「站點登錄」,然後使用AJAX登錄面板的div或內容並刷新到表單中的登錄?

我應該有這些在不同的divs,然後做一個顯示或隱藏與jQuery或有另一種方法,我應該使用?

<body> 
    <ul id="login-options"> 
      <li>site login</li> 
      <li>facebook</li> 
      <li>google</li> 
      <li>twitter</li> 
    </ul> 
</body? 
+0

你有什麼試過的?這個問題不適合SO--要求做什麼是「最好的方式」並不具有建設性,並引發爭論。投票結束。 – Repox

回答

2

連接單擊事件第一選項:

<ul id="login-options"> 
     <li id="site">site login</li> 
     <li id="facebook">facebook</li> 
     <li id="google">google</li> 
     <li id="twitter">twitter</li> 
</ul> 

一種方法是在HTML表單中添加了一個單獨的DIV每個登錄類型,和隱藏。在選項的ajax選擇器上,顯示相應的div。

$("#site").click(function() { 

     $("#div_site_login").show(); 

}); 

第二個是從jQuery內部動態添加表單標記到div。

$("#div_site_login").html('your form here'); 
+0

@ janez00:你的答案是完美的。謝謝! –