ページがリフレッシュされないようにするには

Question

私はDreamweaver cs5で作業しています。つまり、PHPが自動的に作成されます。私はいくつかのPHPを知っているが、私は、送信ボタンをクリックすると、ページが再読み込みされないようにする方法を見つけ出すことはできません。私はちょうど爽快がちょうど迷惑になるチャットサービスを作っているので、それをリフレッシュしたくない。 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> 

。

Answer 1

これは一般的な問題で、jQueryを使用して修正することができます。あなたが探しているのは、AJAXフォームの送信です。 jQueryに慣れていない場合は、here is a jquery getting started guide。

文書のhead/footにjQueryスクリプトを追加したら、AJAXフォームの送信を行うことができます。情報を再ハッシュしないためには、check out this tutorial from scotch.io on AJAX Form submits。そのチュートリアルでは、あなたのためにそれをすべて打ち破ります。

あなたが探している主なものは、ボタンがクリックされたときにpreventDefault()をjavascriptに呼び出すことです。

Answer 2

ページをリフレッシュするのを防ぐ2つの方法。

1）put javascript :;フォームアクションで。 2）javascriptまたはjqueryを使用し、ajaxを使用してデータを渡します。私はjQueryのサンプルコードを共有しています。

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