私はajaxを学んでおり、ブラウザでいくつかのファイルを実行するために作業ディレクトリに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 メソッドがサポートされない理由がわかりません。