let data = { prop: value }
let jsonData = JSON.stringify(data)
$.ajax({
url: 'https://domain.com/route/to/endpoint/',
method: 'post',
data: jsonData,
dataType: 'json',
contentType: 'application/json; charset=utf-8',
success: (response) = { console.log(response) }, // catch Ok
error: (response) => { console.log(response) } // catch other (BadRequest, NotFound e.t.c)
})
document.querySelectorAll('.menu-button')
возвращает массив элементов, а не один элемент. В вашем случае нужно так:let buttons = document.querySelectorAll('.menu-button')
buttons.forEach(btn => {
btn.onclick = () => {...}
});
document.querySelectorAll('.menu-button')
, а document.querySelector('.menu-button').onclick = () => { ... }
<video id="myVideo" autoplay>
<source src="your_video.mp4" type="video/mp4">
</video>
document.getElementById('myVideo').play();
<a href="#" onclick="openModal()">Открыть видео</a>
<!-- Модальное окно -->
<div class="overlay" id="video1">
<div class="modal">
<div class="video__title">
</div>
<div class="video" id="youtube">
<iframe width="640" height="360" id="player" src="https://www.youtube.com/embed/J32MrXDK6oI?version=3&enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<a href="#" onclick="closeModal()" class="close">Закрыть</a>
</div>
</div>
<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
events: {
'onReady': onPlayerReady
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
function openModal() {
document.getElementById('video1').style.display = 'block';
}
function closeModal() {
document.getElementById('video1').style.display = 'none';
player.stopVideo();
}
let response = await fetch('https://url.address.com/routes/') <-- получаем "ответ"
let data = await response.json() <-- получаем данные в формает json
JSON.parse(...)
. <input type='hidden' id='open-modal' data-toggle='#modal' data-target='#modal-id' />
let isOpen = false;
$('#item-to-open-modal').on('mouseenter', () => {
if (!isOpen) {
document.getElementById('open-modal').click()
isOpen = true;
}
})
$('#item-to-open-modal').on('mouseleave', () => {
if (isOpen) {
document.getElementById('close-modal').click()
isOpen = false
}
})
var byteString = '\x6b'; // Пример байта
var char = String.fromCharCode(parseInt(byteString, 16)); // Дешифровка байта
console.log(char); // Вывод дешифрованного символа
handleClick() {
console.log('clicked');
let inputs = this.$el.querySelectorAll('input');
let formData = {};
inputs.forEach(input => {
formData[input.name] = input.value;
});
console.log(formData);
this.$emit('form_sent', formData);
}