Надим

Это все делается достаточно просто. Ниже пример отправки данных при помощи jQuery.ajax()

async function sendInfo() {

	let arr1 = [1, 2, 3, 4, 5];
	let arr2 = ['a', 'b', 'c', 'd', 'e'];

	var response = await $.ajax({
		url: 'test.php',
		method: 'POST',
		cache: false,
		data: {
			'arr1': arr1,
			'arr2': arr2
		}
	});

	console.log('Данные успешно отправлены, ответ сервера: ' + response);
	
	return response;

}

Просто вызовите функцию sendInfo() и увидите результат запроса в консоли.

Должен предупредить, что для работы функции jQuery.ajax() у вас обязательно должна быть подключена библиотека jQuery, для этого добавьте перед закрывающим тегом </head> на своем сайте следующий скрипт:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

P. S. На стороне PHP скрипта вам надо смотреть переменные $_POST['arr1'] и $_POST['arr2'] - именно там будут лежать отправленные вами данные.

Чтобы отбросить первые элементы в каждом блоке вы можете использовать псевдоклассы. Пример:

document.querySelectorAll('div.col > a:not(:nth-child(1))').forEach(function(e, i) {
    e.classList.add('d-none');
});

Предположим в переменной blob лежит ваш звуковой файл, тогда вставить его в поле можно вот так:

// Создаем коллекцию:
var dt  = new DataTransfer();
dt.items.add(new File([blob], 'FileName.wav', {type: blob.type}));
var file_list = dt.files;

console.log('Коллекция файлов создана:');
console.dir(file_list);

// Вставим созданную коллекцию в реальное поле:
document.querySelector('input[type="file"]').files = file_list;

Если у вас формат звука не .wav, замените название файла на правильный.

Если вам нужно просто отправить голый текст, то это делается немного не так.

Пример отправки чистого текста:

$('#button').click(async function() {
	
	var txt = 'Привет, мир!';
	
	var response = await $.ajax({
		url: 'test.php',
		type: 'POST',
		contentType: 'text/plain; charset=UTF-8',
		data: txt
	});
	
	$('p.out').html(response);
	
});

На сервере принимайте и выводите полученный текст так:

<?php

// Включаем отображение ошибок:
ini_set('error_reporting', E_ALL);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);

// Указываем браузеру, что ответ сервера
// является обычным текстом в кодир. UTF-8:
header('Content-Type: text/plain; charset=UTF-8');

// Записываем в переменную то,
// что отправил нам браузер по AJAX:
$received = file_get_contents('php://input');

// Выводим полученный текст (отдаем его в браузер):
echo 'Из фронта (браузера) был получен следующий текст: ' . $received;

Используйте асинхронные функции:

let result = document.querySelector('#result');
let button = document.querySelector('#button');

button.addEventListener('click', async function() {
    result.innerHTML = await (await fetch('ajax/first-p')).text();
    result.innerHTML = await (await fetch('ajax/second-p')).text();
});

Запросы будут сделаны последовательно, сначала первый, потом второй. Только учтите, что в такой схеме второй запрос потом перезапишет вывод от первого запроса, но как я понял вы этого и хотите. Плюс, если у вас быстрый интернет, вы можете даже не успеть увидеть вывод от первого запроса, имеет смысл добавить задержку:

let result = document.querySelector('#result');
let button = document.querySelector('#button');

button.addEventListener('click', async function() {
    result.innerHTML = await (await fetch('ajax/first-p')).text();
    await wait(2000); // Ждём 2 секунды, только потом продолжаем
    result.innerHTML = await (await fetch('ajax/second-p')).text();
});

// Функция для выставления задержек:

function wait(ms) {
    return new Promise(function(success) {
        setTimeout(function() {
            success(true);
        }, ms);
    });
}

Для фильтрации объектов не обязательно использовать какие-то специальные методы, достаточно циклов.

Попробуйте так:

async function getNews(fileName, className, key, limit, offset) {
	
	var params = new URLSearchParams();
	
	params.append('key', key);
	params.append('limit', limit);
	params.append('offset', offset);
	
	var body = params.toString();
	
	var news = await (await fetch('server/' + fileName, {
		'method': 'POST',
		'headers': {
			'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
		},
		'body': body
	})).text();
	
	if (document.querySelector(className)) {
		document.querySelector(className).insertAdjacentHTML('beforeEnd', news);
	} else {
		console.log('Элемент соответствующий селектору '+className+' отсутствует на странице!');
	}
	
	console.log("Ответ сервера:\n" + news);
	
}

Попробуйте так:

buttons = document.querySelectorAll('.delete');

for (var n = 0; n < buttons.length; n++) {
    
    buttons[n].addEventListener('click', function() {
        
        var delete_element = this.parentElement;
        element.parentNode.removeChild(element);
        
        movieDB.movies.splice(n, 1);
        
    });
    
}