Xiao Xiao - 8 months ago 390
Javascript Question

Strange JQuery Error "code 501, message Unsupported method OPTIONS"

I am learning the JQuery Get method. I start up a Python HTTP server:

(just typing command "Python -m SimpleHTTPServer").

It's fine to test this webserver by just visiting "http://localhost:80" on my web browser. However, when I write this very simple javascript to visit my webserver. I get an error message:

"code 501, message Unsupported method ('OPTIONS')"

I use jquery.xdomainajax.js library which suppose cross domain request JQuery.

Here is my javascript code:

<script src="jquery.min.js"></script>
<script src="jquery.xdomainajax.js"></script>
<script type="text/javascript">
u = 'http://localhost:80';
jQuery.get(u, function(res){

<p id="data"></p>

Actually, if I change u to any other url, such as "http://www.google.ca". It works quite well. But I have no idea why it does not work for the basic Python HTTP server. Can anyone help me?


What I do is to write a customized HTTPRequestHandler. I add a do-OPTIONS method inside MyHandler to tell browser my server support CORS. This is done by sending headers Access-Control-Allow-Origin, Access-Control-Allow-Methods and Access-Control-Allow-Headers. Also, I add a "self.send_header('Access-Control-Allow-Origin', '*')" statement in do_GET method.

class MyHandler(BaseHTTPRequestHandler):
    def do_OPTIONS(self):           
        self.send_response(200, "ok")       
        self.send_header('Access-Control-Allow-Origin', '*')                
        self.send_header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS')
        self.send_header("Access-Control-Allow-Headers", "X-Requested-With")        

    def do_GET(self):           
        self.send_header('Access-Control-Allow-Origin', '*')
        self.send_header('Content-type',    'text/html')                                    
        self.wfile.write("<html><body>Hello world!</body></html>")