CODEWITHSUNDEEP
javascriptjquery
Alex
Alex

Reputation: 507

Problem jquery ajax call,success function is not behaving properly

I made ajax call with jquery to get some information from database with php,but the problem is that when i am using $.ajax it is not working,it doesn't show any errors,it doesn't console.log('success') and i can't figure out why,while when i do the same thing with $.post it works.Any idea what is happening here?

function get_all_chats()
{   
    $.ajax({
        url: "get_previous_chats.php",
        type: "POST",
        succes: function(data){

            console.log(data);
            console.log("succes");
        },
        error: function(xhr, status, error) {
                console.log(error);
        }
    })

    $.post("get_previous_chats.php", {}, function(data){
    console.log(data);
    })

}

Upvotes: 0

Views: 78

Answers (1)

freetzyy
freetzyy

Reputation: 46

You are using ajax properly but there are properties that needs to be checked and apply. First is your 'success' where yours is 'succes' with a single S in the end. Next is you must throw request using 'data' property. So this is how it looks.

function get_all_chats()
{   
    $.ajax({
        url: "get_previous_chats.php",
        type: "POST",
        data: { data: YOUR_DATA  },
        success: function(data){

            console.log(data);
            console.log("succes");
        },
        error: function(xhr, status, error) {
                console.log(error);
        }
    })

}

Upvotes: 1

Related Questions