PHP - Post to Self without refreshing (Or another alternative)

Question

Good evening SO community,

I'm trying to build a global chat system for my network of websites. In other words, a staff member can log in to www.myadminswebsite.com and check the live chat systems from all of our other external sites. I have the system working fairly well, except for the fact that the page is refreshing every time a user submits a new message. Is there something I can do to avoid refreshing the page to submit a message? Currently, I'm using an HTML form which posts to itself, then the page checks to see if the $_POST["var"] exists, then writes to the IM log file.

Code From HTML Form

<form method='POST' action='" . $_SERVER['PHP_SELF'] . "'>
    <input type='text' name='newMSG' id='lcTextInput' placeholder='Type a Message'>
    <input type='submit' value='Send'>
</form>

Function to Process POST

if (isset($_POST['newMSG'])) {
    $wHandle = fopen($lFile, "a");
    fwrite($wHandle, "[CUSTOMER] " . $_POST['newMSG'] . "\n");
    fclose($wHandle);
}

This does what I need it to do, other than refreshing the page. Please let me know if you need any more information or if you have any ideas!

Thanks in advance,

Tim

Did you check this link ? http://stackoverflow.com/questions/2866063/submit-form-without-page-reloading — Tengku Fathullah, Dec 30 '16 at 04:51

Nishant Saini · Accepted Answer · 2016-12-30T05:32:55.080

1

<form> 
<input type='text' name='newMSG' id='lcTextInput' placeholder='Type a Message'>
    <input type='submit' value='Send' id="submit">

</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
$('#submit').click(function()
{
var message=$("#lcTextInput").val();
    $.ajax({
        url: "msg.php", 
        type:'POST',
        data:
        {
            action: 'addmsg',
            message: message
        },
        success: function(msg)
        {
            $(".li").append(message);
        }               
    });

return false;
});

</script>

edited Dec 30 '16 at 05:32

answered Dec 30 '16 at 05:03

Nishant Saini

421
3
13

You have to make submit type as a button or on the basis of action you have to save value into the database – Nishant Saini Dec 30 '16 at 05:04
Can this be done without a submit button? For example, the user just hits enter? – Timothy Bomer Dec 30 '16 at 05:20
Unfortunately, this is still refreshing my page. – Timothy Bomer Dec 30 '16 at 05:23
Use a ` – mike.k Dec 30 '16 at 05:25
hi please remove form now then try – Nishant Saini Dec 30 '16 at 05:26
@NishantSaini What do you mean. remove form? – Timothy Bomer Dec 30 '16 at 05:27
@TimothyBomer check my below code i have added new code run that – Nishant Saini Dec 30 '16 at 05:32
@TimothyBomer checked ? – Nishant Saini Dec 30 '16 at 05:42

score 0 · Answer 2 · answered Dec 30 '16 at 04:50

0

Change your form action to:

<form method='POST' action="<?php echo $_SERVER['PHP_SELF']; ?>">
    <input type='text' name='newMSG' id='lcTextInput' placeholder='Type a Message'>
    <input type='submit' value='Send'>
</form>

answered Dec 30 '16 at 04:50

Matt Altepeter

956
1
8
18

Thank you for the quick response. This bit of code is already withing a PHP Echo statement, which is why it is formatted like it is in the above code, omitting the and echo statements. – Timothy Bomer Dec 30 '16 at 04:54
Ah my bad. Should have assumed that – Matt Altepeter Dec 30 '16 at 04:56

score 0 · Answer 3 · answered Dec 30 '16 at 05:31

0

$('#submit').click(function()
{
var message=$("#lcTextInput").val();
    $.ajax({
        url: "msg.php", 
        type:'POST',
        data:
        {
            action: 'addmsg',
            message: message
        },
        success: function(msg)
        {
            $(".li").append(message);
        }               
    });

return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form> 
<input type='text' name='newMSG' id='lcTextInput' placeholder='Type a Message'>
    <input type='submit' value='Send' id="submit">

</form>

answered Dec 30 '16 at 05:31

Nishant Saini

421
3
13

@Hitesh yes this is working fine you have to add check it in your system – Nishant Saini Dec 30 '16 at 06:57
Thanks, I will check in system!!! Since you shared code snippet, I thought it should work there as well – Hitesh Dec 30 '16 at 09:15

PHP - Post to Self without refreshing (Or another alternative)

3 Answers3