Есть такая задача обновлять настройки сайта без перезагрузки страницы.
Нужен самый простой скрипт без сторонних библиотек на чистом js. Элементов всего два: имя настройки и её значение (on/off), последнее и должно меняться в БД при нажатии на неё. Также нужно чтобы после нажатия button менялся (цвет на green и его value на on).
Вёрстка
<form name="sets" onsubmit="formsend(); return false;">
<input name="setname" type="text" value="registration">
<button name="set_go" type="submit" style="background-color:red; color:#fff;">off</button>
</form>
Попытки:
function formsend() {
var formData = new FormData(document.forms.sets);
var xhr = new XMLHttpRequest();
xhr.open("POST", "processor.php", true);
xhr.send(formData);
alert(document.forms.sets.setname); // для проверки, получил ли значения инпутов, выводит [object HTMLInputElement]
}
Может кто поможет решить проблему иным способом или если я близок к решению подправит меня =)