Javascript / AJAX点击两次

时间:2011-09-16 05:40:04

标签: javascript ajax jquery

我正在构建一个登录表单,无需刷新页面即可登录。

我有以下页面:

    INDEX.php

    <script language="javascript">
    $(document).ready(function()
    {

//log in- send data to php page which creates a session. Log in div is reloaded to display log out button.
       $("#login_form").submit(function()
       {
          $.post("php/loginajax.php",{emai:$('#emai').val(),pass:$('#pass').val()} ,function(data)
          {         
             if(data=='yes') {$('#login').load('inc/headerlogin.php');}
             if(data =='no')   {$("#loginerror").show();}                   
          });
          //return false;
       });

//log out- destroy session and reload log in div to display log in form again.
       $("#logout").click(function()
       {
          $.post("php/loginout.php");
          $('#login').load('inc/headerlogin.php');
       });

    });
    </script>

注销按钮工作正常 - 单击一次,会话销毁,登录div重新加载显示。

登录按钮在第一页加载时有效。 如果登录,则注销然后尝试再次登录,所有在同一页面上都没有刷新,只需点击两次登录按钮。

此外,我在if语句之前和内部都散布了一些警报,但即使其他代码正常工作,这些也没有显示......有什么想法吗?

2 个答案:

答案 0 :(得分:1)

如果注销按钮重新加载,我想你必须使用live而不是点击

$("#logout").live('click',function()
   {
      $.post("php/loginout.php");
      $('#login').load('inc/headerlogin.php');
   });

我希望这可以帮助你..

答案 1 :(得分:0)

回顾我的问题,似乎我应该一直在制作实际的表格:

$("#login_form").live("submit", function(event) { });"