CODEWITHSUNDEEP
javascriptnode.jsajaxexpressws
Folded-Code
Folded-Code

Reputation: 49

Express server not responding to reqs

After sending a bunch of POST/GET reqs to the server my server stops responding and in the network tab of the console all the reqs are labeled as "pending".

I have logged timestamps during the responses but they go fast and they just don't run once the problem occurs.

Sever:

var ip = require('ip');
var fs = require('fs');
var bodyParser = require('body-parser');
var path = require('path');
var express = require('express');
var app = express();
var expressWs = require('express-ws')(app);

var students = [];
var cons = [];

app.use(bodyParser.text({
  extended: true
}));

app.post('/add', function(req, res) {
  students.push(req.body);
  for (var i = 0; i < cons.length; i++) {
    cons[i].send(JSON.stringify(students));
  }
});
app.post('/del', function(req, res) {
  for (var i = 0; i < students.length; i++) {
    if (students[i] == req.body) {
      students.splice(i, 1);
    }
  }
  for (var i = 0; i < cons.length; i++) {
    cons[i].send(JSON.stringify(students));
  }
});
app.get('/students', function(req, res) {
  res.send(JSON.stringify(students));
});
app.ws('/mes', function(ws, req) {
  cons.push(ws);
  ws.on('close', function(req) {
    for (var i = 0; i < cons.length; i++) {
      if (cons[i] == ws) {
        cons.splice(i, 1);
      }
    }
  });
});

Sender:

function sendData() {
  if (okMes() == true) {
    console.log(student_i.value);
    fetch('/add', {
        method: 'POST',
        body: student_i.value
      })
      .catch(function(err) {
        console.error(err);
      });
    student_i.value = '';
  }
}

Reciever:

function placeButton(data) {
  if (data.length == 0) {
    error_p.style.display = 'block';
    error_p.innerHTML = 'No New Students';
  }
  for (var i = 0; i < 200; i++) {
    if (document.getElementById(i) != null) {
      document.getElementById(i).remove();
    }
  }
  students = [];
  for (var i = 0; i < data.length; i++) {
    student = document.createElement('button');
    student.innerHTML = data[i];
    students_d.appendChild(student);
    students.push(student);
    student.setAttribute('id', students.length - 1);
    error_p.style.display = 'none';
  }
  for (var i = 0; i < students.length; i++) {
    students[i].onclick = function() {
      for (var i = 0; i < students.length; i++) {
        if (students[i] == this) {
          students.splice(i, 1);
        }
      }
      // document.getElementById(this.getAttribute('id')).remove();
      fetch('/del', {
        method: 'POST',
        body: this.innerHTML
      });
      if (document.querySelectorAll('button') == []) {
        error_p.style.display = 'block';
        error_p.innerHTML = 'No New Students';
      }
    }
  }
}
// seting interval and fetching for '/students' and calling this func
// reciving ws.onmessage and calling this func

I have no idea why my reqs aren't being responded to and if anyone could help that would be great.

Upvotes: 0

Views: 387

Answers (2)

Folded-Code
Folded-Code

Reputation: 49

I just figured out the answer while testing my code. It turned out I didn't res.end() when handling post reqs and I guess it the reqs might have timed out.

Upvotes: 0

1565986223
1565986223

Reputation: 6718

Fetch API expects full url. Change your fetch call to:

// assuming you're running on localhost on port 3000
fetch('http://localhost:3000/del', {
  method: 'POST',
  body: this.innerHTML
});

Upvotes: 1

Related Questions