make ajax calls with jQuery

RoD answered on April 6, 2021 Popularity 10/10 Helpfulness 6/10

answer make ajax calls with jQuery

related jquery ajax response html

make ajax calls with jQuery

Comment

// GET Request
    $.ajax({
        url: "example.php?firstParam=Hello&secondParam=World", //you can also pass get parameters
        dataType: 'json',	//dataType you expect in the response from the server
        timeout: 2000
    }).done(function (data, textStatus, jqXHR) {
        //your code here
    }).fail(function (jqXHR, textStatus, errorThrown) {
        console.log("jqXHR:" + jqXHR);
        console.log("TestStatus: " + textStatus);
        console.log("ErrorThrown: " + errorThrown);
    });

//POST Request
    var formData = {name: "John", surname: "Doe", age: "31"}; //Array 
    $.ajax({
        url: "example.php",
        type: "POST", // data type (can be get, post, put, delete)
        data: formData, // data in json format
       	timeout: 2000,	//Is useful ONLY if async=true. If async=false it is useless
        async: false, // enable or disable async (optional, but suggested as false if you need to populate data afterwards)
        success: function (data, textStatus, jqXHR) {
            //your code here
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log("jqXHR:" + jqXHR);
            console.log("TestStatus: " + textStatus);
            console.log("ErrorThrown: " + errorThrown);
        }
    });


//Alternatively, the old aproach is
    $.ajax({
        url: "api.php?action=getCategories",
        dataType: 'json',
        timeout: 2000,
        success: function (result, textStatus, jqXHR) {   //jqXHR = jQuery XMLHttpRequest
            /*You could put your code here but this way of doing it is obsolete. Better to use .done()*/
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log("jqXHR:" + jqXHR);
            console.log("TestStatus: " + textStatus);
            console.log("ErrorThrown: " + errorThrown);
        }
    });

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: ajax javascript jquery

Link to this answer
Share Copy Link

Contributed on Apr 06 2021

RoD

0 Answers Avg Quality 2/10

Closely Related Answers

jquery ajax response html

Comment

$.ajax({
  url: 'http://example.com/page.html',
  type: 'GET',
  dataType: 'html',
  success: function(response) {
    // The response is the HTML content
    console.log(response);
  }
});

Popularity 9/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Dec 22 2022

emmanuelakbi

0 Answers Avg Quality 2/10

make ajax calls with jQuery

Contents

More Related Answers

make ajax calls with jQuery

Closely Related Answers

jquery ajax response html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.