停止页面刷新按钮点击


Stop page refresh on button click

我目前正在开发一个供公司内部使用的系统,允许我们的服务台团队解锁用户帐户/重置密码。

我已经为此完成了PHP/POST函数,并将它们包含在系统仪表板上的.load函数中。这是有效的,所讨论的功能是LDAP帐户解锁。按钮被点击,post表单被提交,一切工作正常。然而,它刷新整个页面提交时,即使它是通过jQuery加载。我正在努力理解为什么会发生这种情况,以及我如何避免它,这样我就可以在按钮点击时给最终用户成功或不成功的消息。这是主要目的,也是我开始使用JS加载函数的原因,因为我相信这将允许我这样做。

我对jQuery/JSON/JS完全陌生,如果这个问题有点描述性或有一个明显的答案道歉。

编辑:

我包含表单的方式如下:

<div id="lockedout"></div>
<script>
$(document).ready(function(){
$("#lockedout").load('/modules/active-directory/includes/lockedout.php');
});
</script>

包含的形式是:

<?php
set_include_path( get_include_path() . PATH_SEPARATOR . $_SERVER['DOCUMENT_ROOT'] );
include ('/core/system/global.ldap.php');

$attributes = array("displayname", "mail", "samaccountname", "lockoutTime");
$filter = "(&(objectClass=User)(lockoutTime>=1)(title=*))";
$search = ldap_search($ldap_conn, $ldap_dn, $filter, $attributes) or die (ldap_error($ldap_conn));
$info = ldap_get_entries($ldap_conn, $search);
?>
<h4><i class="fa fa-lock"></i> &nbsp;Currently Locked Out (<?php echo $info["count"]; ?>)</h4>
<br>
<table class="table table-bordered">
                <tbody><tr>
                  <th>Username</th>
                  <th>Unlock</th>
                </tr>
<?php
for ($i=0; $i<$info["count"]; $i++) {
  echo "<tr>";
       echo "<td>" . $info[$i]["displayname"][0] . "&nbsp;(" . $info[$i]["samaccountname"][0] . ")</td>";
       echo "</form><form method='post' action='/active-directory/' id='" . $info[$i]["samaccountname"][0] . "'></form>";
      echo '<input type="hidden" name="dn" value="'. $info[$i]["dn"] .'" form="' . $info[$i]["samaccountname"][0] . '">';
       echo "<td><center><button type='submit' id='unlock' name='unlock' class='btn btn-success btn-flat' form='" . $info[$i]["samaccountname"][0] . "'>Unlock </button></center></td>";
       echo "</tr>";
   }
 ?>          </tbody></table>

这段代码附加在仪表板上面,我正在做JSON导入。

<?php
if(isset($_POST['unlock']))
{
$attr["lockoutTime"] = "0";
$userdn = $_POST['dn'];
$result = ldap_modify($ldap_conn, $userdn, $attr);
echo '<script>
$(document).ready(function(){
$("#lockedout").load("/modules/active-directory/includes/lockedout.php");
});
</script>';
}
?>

如果您想向backpage提交内容或验证用户,但不重载整个页面,请使用AJAX。

如果你想在点击按钮时简单地显示一些警告或验证表单,使用javascript或其衍生物