Breaking News: Grepper is joining You.com. Read the official announcement!

javascript pure ajax promise

Lucky Llama answered on December 9, 2020 Popularity 7/10 Helpfulness 3/10

answer javascript pure ajax promise

related javascript promise with ajax

javascript pure ajax promise

Comment

function getRequest(url) {
    return makeRequest('GET', url);
}

function postRequest(url, data) {
    return makeRequest('POST', url, data);
}

function makeRequest(method, url, data) {
    return new Promise(
        function(resolve, reject) {
            var http = new XMLHttpRequest();
            http.open(method, url);
            http.onload = function() {
                if (this.status >= 200 && this.status < 300) {
                    var response = http.response;
                    try {
                        response = JSON.parse(response);
                        resolve(response);
                    } catch (error) {
                        reject({
                            status: this.status,
                            statusText: error
                        });
                    }

                } else {
                    reject({
                        status: this.status,
                        statusText: http.statusText
                    });
                }
            };
            http.onerror = function() {
                reject({
                    status: this.status,
                    statusText: http.statusText
                });
            };

            if (method === 'POST') {
                data = data || new FormData();
                http.send((data));
            } else http.send();
        }
    );
}

Popularity 7/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: ajax javascript promise

Link to this answer
Share Copy Link

Contributed on Feb 20 2022

Lucky Llama

0 Answers Avg Quality 2/10

Closely Related Answers

javascript promise with ajax

Comment

function doTheThing() {
  $.ajax({
    url: window.location.href,
    type: 'POST',
    data: {
      key: 'value',
    },
    success: function (data) {
      console.log(data)
    },
    error: function (error) {
      console.log(error)
    },
  })
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: www.taniarascia.com

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Dec 09 2020

Bewildered Booby

0 Answers Avg Quality 2/10

javascript promise with ajax

Comment

doTheThing()
doSomethingElse()

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: www.taniarascia.com

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Dec 09 2020

Bewildered Booby

0 Answers Avg Quality 2/10

javascript pure ajax promise

Contents

More Related Answers

javascript pure ajax promise

Closely Related Answers

javascript promise with ajax

javascript promise with ajax

Grepper

Documentation

Social

Legal

Contact

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