1 /* Get from elements values */
2 var values = $(this).serialize();
3
4 $.ajax({
5 url: "test.php",
6 type: "post",
7 data: values ,
8 success: function (response) {
9
10 // You will get response from your PHP page (what you echo or print)
11 },
12 error: function(jqXHR, textStatus, errorThrown) {
13 console.log(textStatus, errorThrown);
14 }
15 });
16
1// Variable to hold request
2var request;
3
4// Bind to the submit event of our form
5$("#foo").submit(function(event){
6
7 // Prevent default posting of form - put here to work in case of errors
8 event.preventDefault();
9
10 // Abort any pending request
11 if (request) {
12 request.abort();
13 }
14 // setup some local variables
15 var $form = $(this);
16
17 // Let's select and cache all the fields
18 var $inputs = $form.find("input, select, button, textarea");
19
20 // Serialize the data in the form
21 var serializedData = $form.serialize();
22
23 // Let's disable the inputs for the duration of the Ajax request.
24 // Note: we disable elements AFTER the form data has been serialized.
25 // Disabled form elements will not be serialized.
26 $inputs.prop("disabled", true);
27
28 // Fire off the request to /form.php
29 request = $.ajax({
30 url: "/form.php",
31 type: "post",
32 data: serializedData
33 });
34
35 // Callback handler that will be called on success
36 request.done(function (response, textStatus, jqXHR){
37 // Log a message to the console
38 console.log("Hooray, it worked!");
39 });
40
41 // Callback handler that will be called on failure
42 request.fail(function (jqXHR, textStatus, errorThrown){
43 // Log the error to the console
44 console.error(
45 "The following error occurred: "+
46 textStatus, errorThrown
47 );
48 });
49
50 // Callback handler that will be called regardless
51 // if the request failed or succeeded
52 request.always(function () {
53 // Reenable the inputs
54 $inputs.prop("disabled", false);
55 });
56
57});
58