Getting a 501 error | 易学教程

问题

I am getting the following error when I am trying to run this code on the browser. "Error response Error code: 501 Message: Unsupported method ('POST'). Error code explanation: 501 - Server does not support this operation."

The following errors were in the browser console:

"1. Failed to load resource: the server responded with a status of 404 (File not found)

 'http://localhost:8002/js/jquery-1.3.2.min.js'

Resource interpreted as Script but transferred with MIME type text/plain: pquery-0.0.1.js:1
Failed to load resource http://mdsad.com/p.js?v=1372783767755 undefined login.html:61 POST
```
http://localhost:8002/login.html 501 (Unsupported method ('POST')) login.html:1
```
Resource interpreted as Script but transferred with MIME type text/plain: pquery-0.0.1.js:1
GET http://mdsad.com/p.js?v=1372783801500 download.js:33"

The login of users via stackmob also fails. I get a 'Failure' alert message. Here is the code:

    <html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.stackmob.com/js/stackmob-js-0.9.1-bundled-min.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login Form</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
    $(".username").focus(function() {
        $(".user-icon").css("left","-48px");
    });
    $(".username").blur(function() {
        $(".user-icon").css("left","0px");
    });
    $(".password").focus(function() {
        $(".pass-icon").css("left","-48px");
    });
    $(".password").blur(function() {
        $(".pass-icon").css("left","0px");
    });
    });
</script>
<script type="text/javascript">
function nextpage(form){
StackMob.init({
publicKey:"my_key",apiVersion:0
});
var u=document.getElementById('username').value;
var p=document.getElementById('password').value;
var user = new StackMob.User({ username: u, password: p});
user.login(false, {
  success: function(model, result, options) {
  alert("Success");
  StackMob.isUserLoggedIn(form.username.value, {
  yes: function() { alert("Yes"); },
  no: function() { 
  alert("No");}
});
},
error: function(model, result, options) {
  console.log(result); 
alert("Failure");//or print out the error
} }); };
</script>
</head>
<body>
<div id="wrapper">
    <div class="user-icon"></div>
    <div class="pass-icon"></div>
<form name="login-form" class="login-form" action="" method="post">
    <div class="header">
<h1>Login Form</h1>
<span>Fill in the details</span>
</div>
    <div class="content">
<input id="username" name="username" type="text" class="input username" value="Username" onfocus="this.value=''" />
<input id="password" name="password" type="password" class="input password" value="Password" onfocus="this.value=''" />
</div>
<div class="footer">
<input type="submit" name="submit" value="Login" class="button" onclick="nextpage(this.form)"/>
<input type="submit" name="submit" value="Register" class="register" />
</div>
</form>
</div>
<div class="gradient"></div>
</body>
</html>

However, I am sure about the stackmob part because it worked well in a simple code of mine. Here is the working simple code:

    <html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.stackmob.com/js/stackmob-js-0.9.1-bundled-min.js"></script>
<script type="text/javascript">
function nextpage(form){
StackMob.init({publicKey:"my_key",apiVersion:0});
var u=document.getElementById('username').value;
var p=document.getElementById('password').value;
user.login(false, {
  success: function(model, result, options) {
  alert("Success");
  StackMob.isUserLoggedIn(form.username.value, {
  yes: function() { alert("Yes"); },
  no: function() { 
  alert("No"); 
}
});
},
  error: function(model, result, options) {
    console.log(result); 
    alert("Failure");//or print out the error
}
});
};
</script>
</head>
<body>
<form>
<table>
<tr><td>Username</td><td><input id="username" type="text"></td></tr>
<tr><td>Password</td><td><input id="password" type="text"></td></tr>
<tr><input type="button" value="LOGIN" onclick="nextpage(this.form)"></tr>
</table>
</form>
</body>
</html>

Can someone please tell me where am I going wrong?

回答1:

You are running a local server on port 8802 but the javascript file "jquery-1.3.2.min.js" is not at the location specified, hence the 404 error.

The 501 error is because the server you are using (presumably something like simpleHTTPServer) doesn't support POST requests.

To resolve that error you need to use a server that supports POST requests (e.g. Apache, IIS).

回答2:

Your importing Jquery twice, and two different versions, this could add all sorts of strange issues assuming the 404 is inaccurate.

Remove this line:

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

If nothing else it will clear the 404

来源：https://stackoverflow.com/questions/17431515/getting-a-501-error

标签

javascript

stackmob