在.html（'；'；）之后通过jquery在div中显示表单；_Html_Ajax_Forms_Reload_Logout

在.html（'；'；）之后通过jquery在div中显示表单；

html ajax forms

在.html（'；'；）之后通过jquery在div中显示表单；,html,ajax,forms,reload,logout,Html,Ajax,Forms,Reload,Logout,我想在单击按钮而不重新加载页面时更改div内容，并再次显示我的表单我有这个密码 $('#reg_but').click(function(){ $.ajax({ type:'POST', url:'login.php', data: { user : document.reg.user.value, }, success: function(data){ if (data !=0){

我想在单击按钮而不重新加载页面时更改div内容，并再次显示我的表单

我有这个密码

$('#reg_but').click(function(){
   $.ajax({
     type:'POST',
     url:'login.php',
     data: {
         user : document.reg.user.value,
     },
     success: function(data){
        if (data !=0){
            $('#my_div').html(data);
        }
     }
   })
});

function login_again(){
   $('#my_div').html(' ');
   $('#my_div').html( *here i want show reg form* ) 
   //  >>  Here i want load again my form (reg form) << This is my problem

}

<body>
    <div id="my_div">
      <form name='reg' id='reg'>
        <input name="user" class="user" id="user">
        <input type="submit" onClick="return reg_but();"
      </form>
    </div>
    <div id="log_out" onClick="login_again()">Login Again & Log Out</div>
</body>

$（'#reg_but'）。单击（函数（）{
$.ajax({
类型：'POST'，
url:'login.php'，
数据：{
用户：document.reg.user.value，
},
成功：功能（数据）{
如果（数据！=0）{
$（'my#u div'）.html（数据）；
}
}
})
});
函数再次登录_（）{
$（'#my_div'）.html（''）；
$（'#my_div'）.html（*这里我要显示注册表表*）
//>>这里我想再次加载我的表单（regform）使用jquery hide（）和show（）。
我用这段代码解决了我的问题
$('#reg_but').click(function(){
   $.ajax({
     type:'POST',
     url:'login.php',
     data: {
         user : document.reg.user.value,
     },
     success: function(data){
        if (data !=0){
            $('#my_div').html(data);
        }
     }
   })
});

function login_again(){
   $('#my_div').html(' ');
   $('#my_div').html( *here i want show reg form* ) 
   //  >>  Here i want load again my form (reg form) << This is my problem

}

<body>
    <div id="my_div">
      <form name='reg' id='reg'>
        <input name="user" class="user" id="user">
        <input type="submit" onClick="return reg_but();"
      </form>
    </div>
    <div id="log_out" onClick="login_again()">Login Again & Log Out</div>
</body>

index.php
$(document).ready(function(){
   $('#my_div').load('form.html');
});
function reg_but(){
       $.ajax({
         type:'POST',
         url:'login.php',
         data: {
             user : $('#user').val(),
         },
         success: function(data){
            if (data !=0){
                $('#my_div').html(data);
            }
         }
       })
    };

    function login_again(){
       $('#my_div').html(' ');
       $('#my_div').load('form.html');

    }

    <body>
        <div id="my_div"></div>
        <div id="log_out" onClick="login_again()">Login Again & Log Out</div>
    </body>

$（文档）.ready（函数（）{
$（'my#u div'）.load（'form.html'）；
});
函数reg_but（）{
$.ajax({
类型：'POST'，
url:'login.php'，
数据：{
用户：$（'#user'）.val（），
},
成功：功能（数据）{
如果（数据！=0）{
$（'my#u div'）.html（数据）；
}
}
})
};
函数再次登录_（）{
$（'#my_div'）.html（''）；
$（'my#u div'）.load（'form.html'）；
}
再次登录并注销

form.html
<input name="user" class="user" id="user">
<input type="submit" onClick="return reg_but();">


抱歉，您不清楚是否要再次登录。\u。Ajax已经在尝试从web上显示新的html。是否要再次复制新的html？除此之外，此代码没有附加处理程序以提交按钮，因为缺少id。请尝试返回false，以防止页面被发布，而不是运行Ajax。对于starters我会将您的submit按钮更改为html正文中的，将脚本放在末尾，否则当jQuery尝试附加处理程序时，标记将不存在。不过可能还有其他问题。是的，我想再次复制新的html。我想再次完整显示…再次单击登录后