У меня есть следующая форма в html, в которой я передаю ее данные в JavaScript следующим образом:
<input type="text" class="form-control" id="input01" name="job_title" placeholder="Enter a job title (e.g. Engineering)">
<button class="btn btn-primary ml-auto" id="form_submit_button">Search</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script>
<script type="text/javascript" src="parser.js"></script>
(function($){
"use strict";
jQuery(document).ready(function($) {
var $this = $(window);
$("#form_submit_button").on("click", function () {
//GET VALUES FROM USER INPUT AND STORE IN VARIABLES
var job_title = $("#input01").val();
var jsonObjects = JSON.stringify({
job_title
});
console.log(jsonObjects);
//PASS DATA INTO NODE VIA HTTP POST REQUEST
const xhr = new XMLHttpRequest();
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.open(
"POST",
"http://localhost:80/test01",
{
job_title,
job_country,
job_contract,
job_education
}
);
xhr.send();
});
});
})();
Когда я нажимаю кнопку, предполагая, что я добавил несколько данные в поле ввода, программа передаст информацию в JavaScript, но HTTP-запрос не запускается из-за следующей ошибки:
{"job_title":"database"}
Uncaught DOMException: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': The object's state must be OPENED.
at HTMLButtonElement.<anonymous> (http://public-ip-address/test/parser.js:26:17)
at HTMLButtonElement.dispatch (http://public-ip-address/test/scripts/jquery/jquery.min.js:2:43090)
at HTMLButtonElement.v.handle (http://public-ip-address/test/scripts/jquery/jquery.min.js:2:41074)
Когда я добавляю следующее xhr.setRequestHeader('Content-Type', 'application/json'); под xhr.open(...) это даст следующую ошибку:
{"job_title":"database"}
Access to XMLHttpRequest at 'http://localhost/test01' from origin 'http://public-ip-address' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Вот УЗЕЛ:
const express = require('express');
const app = express();
app.get("/test01", (req, res) => {
res.send("hello world");
})
app.listen(80, ()=> {
console.log("\n > Server running on port: 80");
});
Мой веб-сайт размещен на noip.com с использованием моего publi c айпи адрес. Однако я не могу и не знаю, как получить доступ к моему серверу узлов через свой URL. Обратите внимание, что http://localhost: 80 / test01 покажет привет, мир в браузере.
Любая помощь будет принята с благодарностью, спасибо!
ОБНОВЛЕНИЕ:
const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors({
origin: '*',
optionsSuccessStatus: 200,
}));
app.get("/test01", (req, res) => {
res.send("hello world");
})
app.listen(80, ()=> {
console.log("\n > Server running on port: 80");
});
ОШИБКА В БРАУЗЕРЕ ПОСЛЕ ОБНОВЛЕНИЯ
POST http://localhost/test01 404 (Not Found)
(anonymous) @ parser.js:39
dispatch @ jquery.min.js:2
v.handle @ jquery.min.js:2