How do you return JSON data using an AJAX asynchronous call?

Asked Dec 09 '17 at 20:57

Active Dec 10 '17 at 20:06

Viewed 28 times

I created a form that posts data via Ajax. I would like to get the results/return value of my Ajax call within a submitHandler:

My code is below:

      submitHandler: function(form) {



             $.ajax({

                url: '/checkaddress',
                type: 'post',
                dataType: 'json',
                data: $('form#proteinForm').serialize(),
                success: function(data) {
                    console.log(data.delivery_line_1);

                }

              });


      }

edited Dec 10 '17 at 20:06

asked Dec 09 '17 at 20:57

Mariton

Inspect the actual request in browser dev tools network to see if it succeeds and if the response body is valid json. – charlietfl Dec 09 '17 at 21:01
Also get in habit of using error handlers for such requests – charlietfl Dec 09 '17 at 21:02
@charlietfl Do you have an example of an error handler? – Mariton Dec 09 '17 at 21:30
Sure...in the `$.ajax` documents – charlietfl Dec 09 '17 at 21:30
@charlietfl My mistake. I misread your comment. I added an error handler and a breakpoint. I am returned a 200 message so my request succeeded. My question is that I would like to get the results/return value of my Ajax call – Mariton Dec 10 '17 at 20:10
well what does `data` look like? You need to consume it in the ajax success handler – charlietfl Dec 10 '17 at 20:58
@charlietfl Data is empty. It should send me a result after I submit the data – Mariton Dec 10 '17 at 21:26
If request succeeds but data is empty sounds like something wrong server side then. – charlietfl Dec 10 '17 at 21:32
@charlietfl I will check on the server side. Thanks – Mariton Dec 10 '17 at 21:35

How do you return JSON data using an AJAX asynchronous call?

0 Answers0