Display message without reloading page

Question

My problem is every time i want to show a new message i have to reload this page to show new messages but I wanna show new messages without reloading page can i achieve this from JQuery. Please help me

This part is where the messages are shown

$message_query= mysql_query ("SELECT `from_id`, `message` FROM `messages` WHERE `group_hash`='$hash'"); 
  while($run_message = mysql_fetch_assoc($message_query))
      {
         $from_id = $run_message['from_id'];
         $message = $run_message['message'];
        $user_query = mysql_query("SELECT `username` FROM `users` WHERE    `id`='$from_id'");
  $run_user = mysql_fetch_array($user_query);
  $from_username = $run_user['username'];
                echo "<p><b>$from_username</b><br />$message</p>";// this is the place where the message is displayed
      }

This part is where i click the submit button to send the message

<form method="POST">
        <?php
        if(isset($_POST['message']) && !empty($_POST['message']))
    {
     $new_message = $_POST['message'];
        mysql_query("INSERT INTO `u313495632_test`.`messages` (`id`, `group_hash`, `from_id`, `message`) VALUES ('', '$hash', '$my_id', '$new_message');");
        header('Location: conversation.php?hash='.$hash);
    }

    ?>
    Enter Message :<br/>
    <textarea name="message" rows='4' cols='30'></textarea>
    <br><br>
    <input type="submit" value="send message" />
    </form>

This is how the page looks like

use $.ajax()

Wesley Smith
– Wesley Smith

2015-11-28 05:42:54 +00:00
Commented Nov 28, 2015 at 5:42 — Wesley Smith
– Wesley Smith, Commented Nov 28, 2015 at 5:42

夢のの夢 · Accepted Answer · 2015-11-28 06:12:50Z

1

in your script write something like this:

<script>
$(document).ready(function(){
    $('form').submit(function(e){
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: "yourPhpFile.php",
            data:{message:$('textarea[name="message"]').val()},
            async:true,
            success: function(result){
                //do something
            }
        });
   });
});
</script>

answered Nov 28, 2015 at 6:12

夢のの夢

6,01811 gold badges43 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

seybanks · Accepted Answer · 2015-11-28 06:19:08Z

0

//this where your page shows then use this jquery var timeout = setInterval(reloadpage,5000);function reloadpage(){$('#page').load('page.php');} //note that this refreshes the page every five seconds

answered Nov 28, 2015 at 6:19

seybanks

3910 bronze badges

Collectives™ on Stack Overflow

Display message without reloading page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related