Эта ошибка возникает, когда перемещаю код jquery (отправляет данные на сервер node js) в отделный файл... Когда скрипт в одном файле с HTML, такой ошибки нету..... Почему так происходит???
html()
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>NODE AJAX LEARNING</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="node_ajax_post_jquery.js"></script>
</head>
<body>
<form action="#">
<input type="text" name="name" class="nm required" /></br>
<input type="text" name="surname" class="srnm required" /></br>
<input type="text" name="email" class="mail required" /></br>
<input type="submit" class="sbmt" value="send" />
</form>
</body>
</html>
jquery()
$(document).ready(function() {
let info = {};
$("form").submit(function(event) {
$(".required").each(function(i) {
if ($(this).val().length < 1) {
alert(i);
event.preventDefault();
}
else {
let key = "key" + i;
info[key] = $(this).val();
}
});
var infojs = JSON.stringify(info);
$.ajax({
url: "http://localhost:3001",
type: "POST",
data: infojs,
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.log("Error with server connecting");
}
});
});
})
node js()
const http = require("http");
const fs = require("fs");
const server = http.createServer();
server.on("request", (req, res) => {
if (req.method == "POST") {
res.writeHead(200, {"Content-Type":"text/plain"});
req.on("data", (chunk) => {
console.log(JSON.parse(chunk));
res.end("Data recieved")
})
}
else {
fs.readFile("index_ajax_post.html", (err, data) => {
if (err) throw err;
res.writeHead(200, {"Content-Type":"text/html"});
res.write(data);
res.end();
})
}
}).listen(3001);
console.log("Server running on 3001");
webstorm
, то дело явно в нем