saga-function.js

function sendData(data) {
  var XHR = new XMLHttpRequest();
  var urlEncodedData = "";  var urlEncodedDataPairs = [];  var name;

  for(name in data) {
    urlEncodedDataPairs.push(encodeURIComponent(name) + '=' + encodeURIComponent(data[name]));
  }
  urlEncodedData = urlEncodedDataPairs.join('&').replace(/%20/g, '+');
  XHR.addEventListener('load', function(event) {
    console.log('Yeah! Data sent and response loaded.');
  });
  XHR.addEventListener('error', function(event) {
    console.log('Oups! Something goes wrong.');
  });
  XHR.open('POST', 'http://www.makeafriend.club/register');
  XHR.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  XHR.send(urlEncodedData);
  XHR.onreadystatechange = function() {
    if(XHR.readyState == XMLHttpRequest.DONE && XHR.status == 200) {
        console.log(`post request done`);
        console.log(`${XHR.responseText}`);
        return XHR.responseText;
    }
}
}

function* postLoginSubmit(request){
  console.log(`inside postLoginData`);
  console.log(`below is request`);
  console.log(request);

  const { loginEmail, loginPwd } = request.payload;
    try {
    const response = yield call(sendData, { loginEmail, loginPwd }); // doensn't work here
    const data = yield call([response, response.json]);
    console.log(`data returned by fetch`);
    yield put({type: 'LOGIN_SUBMIT_RESPONSE', payload: data})
  } catch (e) {
    console.log(`error fetch post object`);
  }
}