在用户登录之前仅显示半页内容

时间:2014-03-11 09:20:49

标签: javascript jquery html ajax

我正在构建一个关于PHP + HTML的页面,并想知道是否有一种实现以下效果的最佳方法:

仅显示页面的一半内容,直到用户通过ajax登录。

示例:原始页面内容

<p>1<p>
<p>2<p>
<p>3<p>
<p>4<p>

在用户登录之前,页面会显示:

<p>1<p>
<p>2<p>
<input>let's login to see the whole thing</input>

用户登录后,页面将显示:

<p>1<p>
<p>2<p>
<p>3<p>
<p>4<p>

非常感谢有关最佳做法的任何建议!

1 个答案:

答案 0 :(得分:0)

在用户未记录时隐藏您想要的部分。然后展示它。

<p>1<p>
<p>2<p>
<div id='logged' <?php if ($logged) echo "style='display:none;'"; ?>>
  <p>3<p>
  <p>4<p>
</div>

$.ajax({
   // log data
   success: function(){
      $('#logged').show();
   }
})