Onsubmit javascript send value to php and return value

Question

Apologies if this has been answered elsewhere but I'm pretty new and not sure of search terms that will help me.

I have a form that has this:

<form onsubmit="InsertAppointment()" method="get">

Which calls the following Javascript

    function InsertAppointment()    
{
    alert("moo");
    $.get("test.php", 
        function(data)
            {
                alert(data);
            } 
        );

}

test.php just does

<?php 
 echo "test complete"; 
?>

I was expecting the javascript to return two message boxes one of which says moo, the other test complete, i get the first one but not the latter. I'm really not sure what I'm doing wrong.

Elias Van Ootegem · Accepted Answer · 2012-12-17 19:18:58Z

2

Ajax, which is what the $.get method is (it performs an ajax call) is asynchronous, therefore the form is submitted, and the callback function (the one that alerts data) isn't executed.

Just add a return false; statement right after the $.get(); call, and you'll get the second alert, too. It'll just take that split second longer to pop up (the request has to be sent to the server, the response has to be sent back, and processed, then the response will be alerted). If you don't return false, the submit event will complete and the client will be redirected

answered Dec 17, 2012 at 19:18

Elias Van Ootegem

76.7k10 gold badges123 silver badges160 bronze badges

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

2 Comments

morpheusdreams Over a year ago

Ok so what i want to do is press the button, have the javascript send through some variables to test.php and depending on the results of test.php either clear the form or not

Elias Van Ootegem Over a year ago

@user1498194: at the very end of the InsertAppointment function, you'll want to add a return false statement, like I said: in jQuery, that cancels the submit event. To be absolutely safe, you could also change the onsubmit="InsertAppointment()" to onsubmit="return InsertAppointment()". Lastly, to be in tune with conventions: don't use an upper-case as first char for a regular function, that's for constructor functions

Collectives™ on Stack Overflow

Onsubmit javascript send value to php and return value

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related