Пример отправки POST через AJAX?

Не понял про расширение, где поставить? Почему не отправляет на нужный URI ничего не пойму

Стало отправляться, но с перезагрузкой станицы. Подправил обработчик, стало отправлять посредством php

<?php 
if($_POST['submit'])
{  
	echo'Отлично';
}
else
{
   echo'Не Отлично';
}
?>

выходит на "Не Отлично" может скрипт какой не подключен, уже наверно разных скриптов с просторов штук 5 пробовал, не хочет работать((((

submit отправляет пустой value

Wolfz,
https://codepen.io/anon/pen/pGvper
нажмите F12 консоль разработчика, сеть , нажмите отправить, и посмотрите параметры POST запроса, отправляет как надо, была опечатка в preventDefault() исправил, теперь без обновления страницы.

Wolfz, if($_POST['submit']) Зачем вы проверяете что в POST запросе вам пришла кнопка?

Ао, У меня много форм на странице и таким способом в зависимости от нажатой кнопки будет выполнятся свой код. Т.е. если нажата кнопка create то один код, если delete то другой)))

if(isset($_POST['submit']) && $_POST['submit'] == 'create') 
{	
	echo '';
}
else if(isset($_POST['submit']) && $_POST['submit'] == 'delete')
{  
	echo '';
	
}
else
{
   location('list');
}

Wolfz, А Кнопка разве отправляется ? через new FormData(form) она не отправляется
https://codepen.io/anon/pen/pGvper

Вам наверно лучше тогда на кнопки повесить обработчики разные, а с формы убрать onsubmit

<button type="submit" name="submit" id="btnSubmit" onsubmit="submitForm(event, "create")">Создать</button>

 <button type="submit" name="submit" id="btnSubmit" onsubmit="submitForm(event, "delete)">Создать</button

а в функции

function submitForm(event, action){
event.preventDefault();
event.stopPropagation();
let form = document.forms.nameformModel;
let url = form.action;
let data = new FormData(form )
data.append("action", action);
var akaxOptions = { method: 'POST',               
               mode: 'cors',
               credentials: 'include',
               body:data 
              };

fetch(form.action,akaxOptions ).then(function(response){
 return response.json();
}).then(function(json){
form.reset();
form.submit.value= "Отправлено";
})
}

и тогда на php

if(isset($_POST['action']) && $_POST['action'] == 'create') 
{	
  echo '';
}
else if(isset($_POST['action']) && $_POST['action'] == 'delete')
{  
  echo '';
  
}
else
{
   location('list');
}

Ао, Спасибо большое! Если не трудно, подскажите пожалуйста как вывести ответ сервера на странице без перезагрузки или отправить в функцию php

Wolfz, Не трудно. Куда Выводить будите? Допустим в div c id serverResponse

<div id=serverResponse></div>
А в пхп возвращаете то что хотите отобразить к примеру так

function ФункцияОбработкиЗапросаИВозвратОТветаКлиенту(){

if(isset($_POST['action']) && $_POST['action'] == 'create') 
{	
 $response = {"html":"<div>тут то что вы хотите отобразить на клиенте</div>"};
}

echo json_encode($response);
}

Тогда в функции js

function submitForm(event, action){
event.preventDefault();
event.stopPropagation();
let form = document.forms.nameformModel;
let url = form.action;
let data = new FormData(form )
data.append("action", action);
var akaxOptions = { method: 'POST',               
               mode: 'cors',
               credentials: 'include',
               body:data 
              };

fetch(form.action,akaxOptions ).then(function(response){
 return response.json();
}).then(function(json){
form.reset();
form.submit.value= "Отправлено";

let target = document.getElementById("serverResponse");
if(json.html!== undefined){
target.innerHTML = json.html;
}

}).catch(function(e){
console.log("Ошибка", e);
})
}

Wolfz, не понял что значит отправить в функцию php

:)) это имя переменой пофиг :))) так то да