Javascript - form submit and refresh only once

Question

Currently I have a script that refreshes my 'chat' page every 10 seconds, as it retrieves the chat from a database. However at the moment once the page is loaded I have to wait 10 seconds (or the seconds i specify in the current js) for the chat to show.

I am not sure how to go about making the chat load initially on window.onload just once, and then every 10seconds. I've tried quite a few ways but they just lead to the onload constantly executing.

current js

<script>
        window.onload = function() {
        window.setTimeout('document.chatMsgListForm.submit()', 10000)
    }
</script>

I gave this a shot too

<script>
var done;
window.onload = function(){
    while(!done) {
      document.forms['formChat'].submit()
      done=true;
    }
}

window.onload = function() {
    window.setTimeout('document.formChat.submit()', 10000)
}
</script>

But no luck unfortunately.

Thank you

That is because you are submitting the form, which I'm guessing is on a single HTML page. You need to look at using AJAX or something similar. This way you send the data and get back the response without refreshing the HTML. You then need to update the HTML with the response. Google search for "AJAX chat example" returns heaps of examples. — Tigger, Apr 23 '16 at 02:13

score 0 · Answer 1 · edited May 23 '17 at 12:23

0

You should to look at using AJAX polling or long polling with WebSockets or something else.

Look this answer and this article, for example.

edited May 23 '17 at 12:23

Community

1
1

answered Apr 23 '16 at 03:44

Horo

82
1
10

Javascript - form submit and refresh only once

1 Answers1