在php中防止在按钮提交时刷新页面

在php中防止在按钮提交时刷新页面,php,html,mysql,chat,Php,Html,Mysql,Chat,我在Dreamweaver cs5中工作,这意味着php是自动创建的。我知道一些php,但是当我点击submit按钮时,我想不出一种方法来防止页面重新加载。我不希望它刷新,因为我正在做一个聊天服务,在那里刷新只是变得烦人。 将信息发送到mysql数据库的Php: $editFormAction = $_SERVER['PHP_SELF']; if (isset($_SERVER['QUERY_STRING'])) { $editFormAction .= "?" . htmlentities($

我在Dreamweaver cs5中工作,这意味着php是自动创建的。我知道一些php,但是当我点击submit按钮时,我想不出一种方法来防止页面重新加载。我不希望它刷新,因为我正在做一个聊天服务,在那里刷新只是变得烦人。 将信息发送到mysql数据库的Php:

$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "send")) {
$insertSQL = sprintf("INSERT INTO chat (chat_info, person_id, chat) VALUES (%s, %s, %s)",
                   GetSQLValueString($_POST['chatid'], "text"),
                   GetSQLValueString($_POST['personid'], "text"),
                   GetSQLValueString($_POST['chat'], "text"));

mysql_select_db($database_LVGSChat, $LVGSChat);
$Result1 = mysql_query($insertSQL, $LVGSChat) or die(mysql_error());
}
Html表单:

<form method="POST" action="<?php echo $editFormAction; ?>" name="send" id="send">
    <input name="chat" type="text" id="sendtext" placeholder="Skriv en melding..." />
    <input type="button" id="sendbutton" value="" name="submit"/> 
    <input type="hidden" value="<?php do { ?><?php
    if (strtolower($row_medlemmer['brukernavn']) == strtolower($_SESSION['MM_Username']) ) {
        echo $row_medlemmer['medlemmer_id'];}
    ?><?php } while ($row_medlemmer = mysql_fetch_assoc($medlemmer)); ?>" name="personid" />

    <input type="hidden" value="3" name="chatid" />
    <input type="hidden" name="MM_insert" value="send" />
</form> 

防止页面刷新的两种方法

1) 放javascript:;形式上的行动。 2) 使用javascript或jquery并使用ajax传递数据。我正在分享jQuery示例代码

  $("formID").on("click",function(e){
      e.preventDefault();
    ----another code to send data with ajax---
  });

这是一个常见的问题,可以通过使用jQuery解决。您希望做的是一个AJAX表单提交。如果您不熟悉jQuery

将jQuery脚本添加到文档的开头/结尾后,就可以执行AJAX表单提交了。要不重新刷新信息。那篇教程将为你详细介绍这一切


您正在寻找的主要内容是在单击按钮时在javascript中调用
preventDefault()
,因此我会仔细阅读。

然后使用ajax。@nicael我没有ajax方面的经验……您是否有机会展示我如何在这个脚本中实现ajaxP@ReinBentdal看到我的答案,我已经包括了一些链接。非常感谢你的帮助!但我不太明白你在说什么。该代码应在文档中的何处以及如何使用?我几乎没有使用javascript的经验:Pyou可以创建一个名为custom.js或任何名称的文件,然后将该文件包含在页脚中。就这样。您可以在该文件中为站点添加js代码。