jQuery 501 error (Unsupported method ('POST'))

Question

I learning ajax, and im setting up a simplehttpserver in a working directory to run some files in the browser. Now what happens is that when I run my html file, that looks like the following:

<!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>

and the 'save.php' is simply this:

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

Then the browser gives me the error:

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

I dont get it why should the post method not be supported?

are you sure, Bcoz your code working fine, i am not sure, try with some other system FF. — Bharanikumar, Apr 08 '13 at 11:08

score 1 · Answer 1 · edited May 23 '17 at 12:24

1

send

headers Access-Control-Allow-Origin, Access-Control-Allow-Methods and Access-Control-Allow-Headers

see here

edited May 23 '17 at 12:24

Community

1
1

answered Apr 08 '13 at 10:36

PSR

39,804
41
111
151

currently I have a Python script that sends headers, how can I make it send all those? So far I have `self.send_header('Access-Control-Allow-Origin', '*')` does this mean I need to have `self.send_header('')` for each header you suggested, on separate lines in my script? Desperate thanks – hello_there_andy Dec 09 '16 at 02:04

score 1 · Accepted Answer · answered Apr 09 '13 at 08:33

1

@PSRs answer might work, but what i did was simply stop running the simple app on the simpleHTTPServer and moved it to a mamp server, that supported php better...

answered Apr 09 '13 at 08:33

patriques

5,057
8
38
48

score 1 · Answer 3 · answered Jul 24 '19 at 15:28

1

Another option is to use php solution for simple server rather than the python one:

php -S localhost:8000

If you don't have php installed, run that first:

sudo apt install php7.2-cli

answered Jul 24 '19 at 15:28

Massyanya

2,844
8
28
37

score -3 · Answer 4 · answered Apr 08 '13 at 11:02

-3

transfer <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> to <head> tag

answered Apr 08 '13 at 11:02

Amir

4,089
4
16
28

jQuery 501 error (Unsupported method ('POST'))

4 Answers4

Linked