Javascript 获取501错误
当我试图在浏览器上运行此代码时,出现以下错误。 “错误响应 错误代码:501 消息:不支持的方法('POST')。 错误代码说明:501-服务器不支持此操作。“ 浏览器控制台中出现以下错误: “1.加载资源失败:服务器响应状态为404(未找到文件)Javascript 获取501错误,javascript,stackmob,Javascript,Stackmob,当我试图在浏览器上运行此代码时,出现以下错误。 “错误响应 错误代码:501 消息:不支持的方法('POST')。 错误代码说明:501-服务器不支持此操作。“ 浏览器控制台中出现以下错误: “1.加载资源失败:服务器响应状态为404(未找到文件) 解释为脚本但使用MIME类型text/plain传输的资源: pquery-0.0.1.js:1 无法加载资源 未定义的login.html:61 职位 解释为脚本但使用MIME类型text/plain传输的资源: pquery-0.0.1.js:1
<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>
登录表单
$(文档).ready(函数(){
$(“.username”).focus(函数(){
$(“.user icon”).css(“左”,“-48px”);
});
$(“.username”).blur(函数(){
$(“.user icon”).css(“左”,“0px”);
});
$(“.password”).focus(函数(){
$(“.pass icon”).css(“左”,“-48px”);
});
$(“.password”).blur(函数(){
$(“.pass icon”).css(“左”,“0px”);
});
});
功能下一页(表格){
StackMob.init({
公钥:“我的密钥”,apiVersion:0
});
var u=document.getElementById('username')。值;
var p=document.getElementById('password')。值;
var user=new StackMob.user({用户名:u,密码:p});
user.login(false{
成功:功能(模型、结果、选项){
警惕(“成功”);
StackMob.isUserLoggedIn(form.username.value{
是:函数(){alert(“yes”);},
否:函数(){
警告(“否”);}
});
},
错误:函数(模型、结果、选项){
控制台日志(结果);
警报(“失败”);//或打印出错误
} }); };
登录表单
填写细节
然而,我确信stackmob部分,因为它在我的简单代码中运行良好。下面是简单的工作代码:
<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>
功能下一页(表格){
init({publicKey:“我的密钥”,apiVersion:0});
var u=document.getElementById('username')。值;
var p=document.getElementById('password')。值;
user.login(false{
成功:功能(模型、结果、选项){
警惕(“成功”);
StackMob.isUserLoggedIn(form.username.value{
是:函数(){alert(“yes”);},
否:函数(){
警告(“否”);
}
});
},
错误:函数(模型、结果、选项){
控制台日志(结果);
警报(“失败”);//或打印出错误
}
});
};
用户名
暗语
有人能告诉我哪里出了问题吗 导入Jquery两次,两个不同的版本,如果404不准确,这可能会增加各种奇怪的问题 删除此行:
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
如果没有其他东西,它将清除404,两次导入Jquery,以及两个不同的版本,这可能会增加各种奇怪的问题,假设404不准确 删除此行:
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
如果没有其他内容,它将清除404,因为您正在端口8802上运行本地服务器,但javascript文件“jquery-1.3.2.min.js”不在指定位置,因此出现404错误 501错误是因为您使用的服务器(可能类似于simpleHTTPServer)不支持POST请求
要解决此错误,您需要使用支持POST请求的服务器(例如Apache、IIS)。您正在端口8802上运行本地服务器,但javascript文件“jquery-1.3.2.min.js”不在指定位置,因此出现404错误 501错误是因为您使用的服务器(可能类似于simpleHTTPServer)不支持POST请求
要解决此错误,您需要使用支持POST请求的服务器(例如Apache、IIS)。您可以忽略MIME类型警告-这些是常见的。你检查过那个文件是否存在吗?@ChristianStewart:是的,不是每次都有。我想最基本的问题是stackmob每次登录都会失败,并且我会收到post和get错误。您可以忽略MIME类型警告-这些是常见的。你检查过那个文件是否存在吗?@ChristianStewart:是的,不是每次都有。我想最基本的问题是stackmob每次登录都会失败,我会收到post和get错误。好的,我已经删除了这一行,我现在已经删除了404错误。一开始我对服务器的看法是这样的。但我正在python服务器上运行第一个和第二个程序。第二个会产生结果,而第一个不会。查看您的代码,您不会定义用户
var user=new StackMob.user({username:u,password:p})代码>在工作代码中,就像您在第一个示例中所做的那样…这是一个键入错误。我没听到那句话。实际上,第二个代码正在工作。第一个不是。好的,我已经删除了那行,我已经删除了404错误。一开始我对服务器的看法是这样的。但我正在python服务器上运行第一个和第二个程序。第二个会产生结果,而第一个不会。查看您的代码,您不会定义用户var user=new StackMob.user({username:u,password:p})代码>在工作代码中,就像您在第一个示例中所做的那样…这是一个键入错误。我没听到那句话。实际上,第二个代码正在工作。第一个不是。我删除了较低的版本。反正404现在不见了:)我删除了较低的版本。反正404现在不见了:)
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>