Ajax post function not updating html code

Question

My Ajax post request updates the HTML on success function, but it disappears after complete function.

Here is my Ajax request:

$.ajax({
    type: 'POST',
    url: 'http://api.open-notify.org/astros.json',
    dataType: 'json',
    async: false,
    dataType: 'json',
    success: (data) => {
        alert(data.Title)
        $("#final").append("Success")
    },
    error: (data) => {
        $("#final").append("error")
    }, complete: () => {
        $("#final").append("#################")
        alert("complete")
    },
    timeout: 3000 
});

What changes should be made to make sure updated html code is shown?

can you add your html? are you getting an errors in the console? — Amr Elgarhy
– Amr Elgarhy, Commented May 18, 2018 at 22:44

Kalob Taulien · Accepted Answer · 2018-05-19 02:52:07Z

1

You're so close!

If you right click and select "inspect", and then under "console" you'll see Ajax errors. In this case, it was returning a 405 Method Not Allowed, meaning the POST request was failing.

I've simplified your Ajax request a bit and made it work. Here's a working jsfiddle demo.

answered May 19, 2018 at 2:52

Kalob Taulien

1,91818 silver badges23 bronze badges

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

Comments

Chepech · Accepted Answer · 2018-05-18 20:20:35Z

0

There are also some unnecessary parameters you are adding to the Ajax call, your request for instance should be a GET and not a POST.

$.ajax({
    url:'http://api.open-notify.org/astros.json',
    complete: function (response) {
        $('#output').html(response.responseText);
    },
    error: function () {
        $('#output').html('There was an error!');
    },
});

Try it here.

edited May 18, 2018 at 20:20

answered May 18, 2018 at 20:01

Chepech

5,6514 gold badges50 silver badges72 bronze badges

Collectives™ on Stack Overflow

Ajax post function not updating html code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related