Через Insomnia и браузер все работает корректно и возвращает ответ. По этому подозреваю, что проблема в самом запросе, но найти не могу.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<style>
#zatemnenie {
background: rgba(102, 102, 102, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}
#okno {
width: 450px;
height: 320px;
text-align: center;
padding: 15px;
border: 3px;
border-radius: 5px;
color: #000000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: #fff;
}
.close {
display: inline-block;
border: 1px solid #000000;
color: #000000;
padding: 0 12px;
margin: 10px;
text-decoration: none;
background: #f2f2f2;
font-size: 14pt;
cursor:pointer;
}
</style>
</head>
<body>
<div id="zatemnenie">
<div id="okno">
<nav><img src="fc_files/galochka.png" width="150" height "150"></nav> <br> <br>
<h4>Ваши данные были отправлены оператору, после проверки вы получите уведомление<br> <br>
<a href="#"><button class="close_modal" >ОК!</button></a>
</div>
</div>
<a href="#zatemnenie"><button class="form-btn" id="step1-btn">Модальное Окно</button></a>
</div>
<script>
$("#step1-btn").on("click", function(){
$("#zatemnenie").fadeIn(400)
})
$(".close_modal").on("click", function(){
$("#zatemnenie").fadeOut(400)
})
</script>
