Как получить данные с get запроса от клиента(Ajax), на сервере?

Question

[Umid]

Скрипт сервера:

var http = require('http'),
	fs = require('fs');


var server = http.createServer(function(req, res) {
	switch(req.url) {
		case '/':
			fs.readFile('index.html', function(err, content) {
				if(err) {
					res.status = 500;
					res.end('server error');
				} else {
					res.writeHead('Content-type', 'text/html; charset=utf-8');
					res.end(content);
				}
			});
			break;
		default: 
			res.end('Error');
	}
}).listen('1333');

server.on('request', function(req, res) {
	res.writeHead(200);
	console.log(req.method);
	console.log(req.headers);
	console.log(req.url);
	res.write('hi');
	res.end();
});

Скрипт клиента:

var button = document.getElementById('button');
button.onclick = function() {
	var text = document.getElementById('text').value;


	var xhr = new XMLHttpRequest();
	xhr.open('GET', 'info.json', false);
	xhr.send();

	if(xhr.status != 200) {
		alert(xhr.status + ': ' + xhr.statusText);
	} else {
		alert(xhr.responseText);
	}
}

Как получить значения, на сервере которые я отправил с клиента?
При каком событии отслеживать?

Попытался через:

server.on('request', function(req, res) {
	res.writeHead(200);
	console.log(req.method);
	console.log(req.headers);
	console.log(req.url);
	res.write('hi');
	res.end();
});

Так теперь он мне и index.html не хочет давать.
При запуске сервера, при первом входе на сайт выдаёт "hi".
А во второй раз(при перезагрузке страницы) уже сервер падает.

Answer 1

[Ярослав]

По результатам переписки.
Код который я даю не предназначен для использования! Это просто пример нативного ajax и асинхрона от nodejs. Вообще, нужно придерживаться хотябы rest и если что то летит на сервер, то обязательно с формы и post/put запросом. Get только для получения данных с сервера.
И реквесты в ноде так не обрабатывают.
И респонс, если прилетела кирилица, отправит назад отработку.
Всё что написано ниже чисто для понимания сути.

var simplePage = '<h1>тестовая отправка данных без формы</h1>'+
'<hr><input type="text" id="txt">'+
'<input type="button" id="button" value="отправить что-то">'+
'<script>(function(){'+
'var button = document.getElementById("button");'+
'button.onclick = function(){var xhr = new XMLHttpRequest();'+
'xhr.open("GET","/toserver/"+document.getElementById("txt").value, true);xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");'+
'xhr.send();'+
'xhr.onreadystatechange = function(){if(xhr.readyState == 4) alert(xhr.responseText)}}'+
'})()</script>';
var http = require('http');
var server = http.createServer(function(req,res){
	console.log(req.url);
	if (req.url === '/') {
		res.writeHead(200, {'Content-type' : 'text/html; charset=utf-8'});
		res.write(simplePage);
		res.end();
	}
	else{
		res.writeHead(200, {'Content-type' : 'text/html; charset=utf-8'});
		//res.write(simplePage);
		res.end('вы отправили нам '+req.url.slice(10));
	}
});	
server.listen(1333,function(){console.log('listen server at 1333')});

Comments

[Umid]

А зачем же строку передавать? Не лучше ли сразу файл?
В общем уже во всем разобрался.
var body = '';

req
.on('readable', function() {
body += req.read();
if(body.length > 1e4) {
res.statusCode = 413;
res.end('Your message is too big');
}
})
.on('end', function() {
try{
body = JSON.parse(body);
} catch(e) {
res.statusCode = 400;
res.end('Bed Request');
return;
}

res.statusCode = 200;
res.write(body.message.slice(1));
res.end();
});
В общем то это и всё для принятия post запроса.

[Ярослав]

Umid: Твой вопрос: Как получить данные с get запроса от клиента(Ajax), на сервере? Вопрос, собственно, был о get а не о post...

Answer 2

[Михаил]

server.on('request', (req, res) => {})

Comments

[Umid]

Выдаёт ошибку в консоли. ссылается на строку с
res.setHeader('Content-type', 'text/html; charset=utf-8');
И index.html не выдаёт.

[Михаил]

Umid: res.writeHead('Content-type', 'text/html; charset=utf-8');

[Umid]

mak_ufo: Добавил в серверную часть, в самый низ
server.on('request', function(req, res) {
res.writeHead(200);
console.log(req.method);
console.log(req.headers);
console.log(req.url);
res.write('hi');
res.end();
});
Поменяв заголовок, всё тоже самое.

[Umid]

Вопрос поправил. Пересмотрите пожалуйста.

[Ярослав]

почему не express?

[Umid]

YarkoDzech: Сначала ванильный node, затем фреймворки решил учить.

[Ярослав]

Umid: Я понял, только хардкор.
xhr.open('GET', 'info.json', false); это аякс метод на чтение файла, send там никчему, при таком использовании обратно летит getResponseHeader, ну и собственно файл. Довольно таки редкий тип запросов. Вообще с ванильки вторым параметром нужно бросаться в url.

По бэкэнду вообще мрак...
Вот слушающий сервер для тебя
var http = require('http');
var server = http.createServer(function(req,res){
console.log(req.url);
if (req.url === '/') {
res.writeHead(200, {'Content-type' : 'text/html; charset=utf-8'});
res.write('hello!');
res.end();
}
});
server.listen(1333);
console.log('listen server at 1333');

Запросом можно бросить в url типа '/giveme'
На стороне сервера слушать этот урл, но без express и body-parser просто ломает писать. Хочеш тру ванильки мануалы в руки, а не сливки с разного рода велосипедиков ;)

[Umid]

YarkoDzech: А как отправить подобный url с клиента?