Use JavaScript to automatically submit form

Question

I'm have a simple form, when clicking the submit button the backend php file gets executed by my JavaScript file, results are returned via ajax, everything works great when manually clicking the button. However, when trying to use javascript to automatically submit the form every 120 seconds it is not working. The javascript never get's called which in turn causes the php to not execute...

html

<form id="send-with-ajax" name="ping">
    <input type="submit" value="Execute Ping" />
    <div class="ajax-response"></div>
</form>

<script type="text/javascript">
 // refresh ping results every 120 seconds
 var pingRefreshInterval = setInterval(function () {
   console.log(
     'submitting ping.php request after 120 second wait - time now:'+new Date());
      document.getElementById("send-with-ajax").submit();
      },120000); 
</script>

<script src="js/portal.js"></script>

Again, there are not issues with my portal.js file or my php file -- The main thing to note here is that the document.getElementById("send-with-ajax").submit(); does not do anything... Any ideas?

Does the console throw any errors? The form could probably do with a method and action as well. — SubjectCurio
– SubjectCurio, Commented Feb 5, 2014 at 17:04
Tested your code outside of your environment and it works fine. jsfiddle.net/v5Z85. So, must be something missing outside of that function. — jamesmhaley
– jamesmhaley, Commented Feb 5, 2014 at 17:07
You could also try $('input[type=submit]').click(); instead of re-submitting the form. But is submitting the form even necessary in the first place? My guess is that js/portal.js is just executing a function when it senses a post event, so couldn't you just call the function in your interval? — beercodebeer
– beercodebeer, Commented Feb 5, 2014 at 17:08
@beercodebeer Thanks for the info, I was keeping the form around because I actually needed to do things both ways (automatically and with a submit button). I've changed a few things and am now just triggering my JS function, thanks for sparking some thought in my brain. Nice name BTW. If you post your commend and an answer I'll be sure to check mark it for you. Thanks again. — ElasticThoughts
– ElasticThoughts, Commented Feb 6, 2014 at 3:46

beercodebeer · Accepted Answer · 2014-02-06 15:13:55Z

1

Assuming that js\portal.js just executes a function when a POST event occurs, you could simply call that function from inside your interval.

If that won't work for some reason (maybe there's a lot of other stuff happening on your page that you didn't show us), and your call to submit() isn't working properly, you could also trigger a button click with $('input[type=submit]').click(); (assuming you only have one submit button on the page - otherwise add a class or an id and trigger on that instead).

answered Feb 6, 2014 at 15:13

beercodebeer

9906 silver badges5 bronze badges

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

Comments

user1710796 · Accepted Answer · 2014-02-05 17:50:53Z

1

Try using the submit() method. Or use AJAX.

answered Feb 5, 2014 at 17:50

user1710796

Comments

Serif Emek · Accepted Answer · 2014-02-05 20:19:25Z

1

If you are doing things on onsubmit event, document.getElementById("send-with-ajax").submit() doesn't trigger this event.

answered Feb 5, 2014 at 20:19

Serif Emek

6745 silver badges13 bronze badges

Collectives™ on Stack Overflow

Use JavaScript to automatically submit form

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related