Ошибка jQuery 501 (Неподдерживаемый метод ('POST'))

Я изучаю ajax и im настраиваю simplehttpserver в рабочем каталоге для запуска некоторых файлов в браузере. Теперь случается, что когда я запускаю свой html-файл, это выглядит следующим образом:

<!doctype html> <html> <head> <meta charset=utf-8> <title>playground</title> </head> <body> <h1>Save</h1> <form action="#"> <textarea name="content" id="content" cols="30" rows="10"></textarea> <p><button type="submit">Save</button></p> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> (function($) { $('form').on('submit', function(e) { $.post('save.php', $(this).serialize(), function(data) { console.log(data); }); e.preventDefault(); }); })(jQuery); </script> </body> </html> 

и «save.php» – это просто:

 <?php $_POST['content']; ?> 

Тогда браузер дает мне ошибку:

 POST http://localhost:8000/save.php 501 (Unsupported method ('POST')) in jquery.min.js:4 

Я не понимаю, почему метод post не поддерживается?

Отправить

заголовки Access-Control-Allow-Origin, Access-Control-Allow-Methods и Access-Control-Allow-Headers

глянь сюда

Ответ @PSRs может работать, но то, что я сделал, просто перестало запускать простое приложение на simpleHTTPServer и перенесло его на сервер mamp, который поддерживал php лучше …

перейдите <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> в <head>