Стоп форму от обновления страницы на отправить

Question

Alright, поэтому у меня есть основная форма на моей странице:

 <form action='' id='formId' method='POST'> 
     <table> 
      <tr> 
       <td> 
        <input type='text' name='Chat' autocomplete='off'> 
       </td> 
       <td> 
        <input type='submit' name='Go'> 
       </td> 
      </tr> 
     </table> 
    </form> 

и браузер:

 <script type='text/javascript'> 
     $("#formId").submit(function(event) { 
      event.preventDefault(); 
       <?php 

        $Chat = mysql_real_escape_string(strip_tags($_POST['Chat'])); 
        $Go = mysql_real_escape_string($_POST['Go']); 

        if ($Go) { 

         if ($Chat) { 

          mysql_query("INSERT INTO `Chat` (`Chat`) 
          VALUES('$Chat')"); 
         } 

        } 

       ?> 
     }); 
    </script> 

мне просто нужен его остановить от освежающих когда кто-то подает. Я читал несколько разных сообщений здесь с той же проблемой, но никто не работал для меня.

Answer 1

$('#formId').submit(function() { 
/do your stuff 

return false; 
}); 

Возврат false предотвратит перезагрузку страницы.

Answer 2

Вам необходимо разделить PHP-код на ваш скрипт. PHP выполняется на стороне сервера, js/jquery выполняется на стороне клиента. Попробуйте этот код, если он вам поможет.

<?php 

    if(isset($_POST['Go'])){ 

     $Chat = mysql_real_escape_string(strip_tags($_POST['Chat'])); 
     $Go = mysql_real_escape_string($_POST['Go']); 

     if ($Go) { 

      if ($Chat) { 

       mysql_query("INSERT INTO `Chat` (`Chat`) 
       VALUES('$Chat')"); 
      } 

     } 
    } 

?> 


<form action='' id='formId' method='POST'> 
    <table> 
     <tr> 
      <td> 
       <input type='text' name='Chat' autocomplete='off'> 
      </td> 
      <td> 
       <input type='submit' name='Go'> 
      </td> 
     </tr> 
    </table> 
</form> 

<script type='text/javascript'> 
    $("#formId").submit(function(event) { 
     event.preventDefault(); 
    }); 
</script> 

REVISED: 06/15/2015 10:16 утра GMT + 8 Вам нужно использовать AJAX для отправки данных. Во-первых, добавьте идентификатор в текстовое поле, затем создайте файл php для получения данных из URL-адреса и вставьте чат в БД. Попробуйте этот код:

<form action='' id='formId' method='POST'> 
    <table> 
     <tr> 
      <td> 
       <input type='text' id='chat' name='Chat' autocomplete='off'> 
      </td> 
      <td> 
       <input type='submit' name='Go'> 
      </td> 
     </tr> 
    </table> 
</form> 


<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script type='text/javascript'> 
    $("#formId").submit(function(event) { 
     event.preventDefault(); 

     $.ajax({ 
        type: "POST", 
        url: "insert_chat.php?", 
        data: "Chat="+$('input#chat').val(), 
        dataType: "json", 
        success: function(data){ 
        } 
       }); 
    }); 
</script> 

insert_chat.php

<?php 

    $Chat = mysql_real_escape_string(strip_tags($_GET['Chat'])); 
    $Go = mysql_real_escape_string($_GET['Go']); 

    if ($Go) { 

     if ($Chat) { 

      mysql_query("INSERT INTO `Chat` (`Chat`) 
      VALUES('$Chat')"); 
     } 

    } 

?>