How to process http request inside an object literal?

1

Hi,

I’m currently learning about design patterns and am refactoring some code to follow the object literal pattern. However, I’m not sure how to process an http request while using this pattern.

Usually I would process the data within the request itself. But is there a way to do the following?

let myObj = {

  makeRequest: function () {
    let request = new XMLHttpRequest()
    request.open('GET', 'url')
    request.onload = function () {
      if (this.status >= 200 && this.status < 400) {
        // somehow this.response gets stored into myObj.returnedData
      }
    }
    request.send()
  },

  returnedData: '',

  anotherFunc: function () {
    // does something with this.returnedData
  }

  init: function () {
    this.makeRequest()
  }
}

myObj.init()

I suspect that maybe I’m going about this all wrong, any pointers appreciated.

I’d like to add a request to the [js for my quotes project] (https://github.com/dylan-w/quotes/blob/master/js/src/main.js) rather than including an array directly.

Any pointers appreciated

2

have solved this, was overcomplicating things (as usual)

let myObj = {
  makeRequest: function () {
    let request = new XMLHttpRequest()
    request.open('GET', 'url')
    request.onload = function () {
      if (this.status >= 200 && this.status < 400) {
        myObj.processRequest(JSON.parse(this.response))
      }
    }
    request.send()
  },
  processRequest: function (data) {
    console.log(data) // the json data
  } 
  init: function () {
    this.makeRequest()
  }
}
myObj.init()