jQuery Ajax成功发送数据，但完成失败总是不执行任何操作
[英]jquery ajax succefuly sends data but done fail always doing nothing
问题描述
I'm doing a signin page for my nodeJs app. 
我正在为我的nodeJs应用程序登录页面。
When i'm submitting my form, all the data are send to my node app (so it's great), 当我提交表单时，所有数据都发送到我的节点应用程序（很好），
but the done, fail, always functions of jquery ajax just don't work at all at first, and after some time (like a lot), it calls the fail and always function. 但是jquery ajax的done，fail，always函数一开始根本不起作用，并且经过一段时间（像很多时间一样），它调用了fail和always函数。 Dunno what's wrong in my code, no error at all. Dunno我的代码出了什么问题，根本没有错误。
Here is my html client code : 这是我的html客户端代码：
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Gatsbill</title>
<link rel="stylesheet" href="public/css/reset.css">
<link rel="stylesheet" href="public/css/connection.css">
</head>
<body>
<div id="content">
<a href="http://localhost:3001"><img src="public/images/icone.jpg" alt="gatsbill"></a>
<div id="wrap">
<div id="subscribe">
<a href="http://localhost:3001/login" class="click">Se connecter</a>
<p id="p">Pour vous inscrire,<br> Veuillez remplir les champs ci-dessous</p>
<div id="message" class="message" style="display: none;"></div>
<form method="post" id="form">
<input type="text" name="username" placeholder="Username" required autofocus id="username">
<input type="email" name="mail" placeholder="Email" required id="email">
<input type="password" name="password" placeholder="Password" required id="pass1">
<input type="password" name="password2" placeholder="Password" required id="pass2">
<input type="submit" name="submit" value="Create account" id="submit">
</form>
</div>
</div>
</div>
<!-- Script -->
<script src="public/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="public/js/signin.js"></script>
</body>
</html>
My javascript client code : 我的JavaScript客户端代码：
$(document).ready(function() {
$("#form").submit(function(event){
event.preventDefault();
$("#p").hide();
var pass1 = $('#pass1');
var pass2 = $('#pass2')
if (pass1.val().length > 6) {
if (pass1.val() == pass2.val()) {
var data = {
username: $("#username").val(),
email: $("#email").val(),
pass: $("#pass1").val()
};
var $inputs = $("#form").find("input, select, button, textarea");
$inputs.prop("disabled", true);
$.ajax({
url: "http://localhost:3001/signin",
type: 'post',
data: data,
dataType: 'json'
})
.done(function(data) {
alert("done");
console.log(data);
})
.fail(function( html ) {
alert('fail');
})
.always(function( html ) {
$inputs.prop("disabled", false);
});
} else {
$('#message').text('Les mots de passes doivent être identiques').show();
pass1.val('');
pass2.val('');
}
} else {
$('#message').text('Le mot de pass doit faire au moins 7 caractères').show();
pass1.val('');
pass2.val('');
}
});
});
and this is my node app, just checking post values at the moment 这是我的节点应用，现在只检查发布值
var express = require('express');
var swig = require('swig');
var ent = require('ent');
var bodyParser = require('body-parser');
var mongojs = require('mongojs');
var passport = require('passport');
var app = express();
var server = app.listen(3001);
var io = require('socket.io').listen(server);
// Environnement
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use("/public", express.static(__dirname + "/public"));
app.engine('html', swig.renderFile);
app.set('view engine', 'html');
app.set('views', __dirname + '/views');
app.set('view cache', false);
swig.setDefaults({ cache: false });
//MongoDB
var db = mongojs("mongodb://127.0.0.1:27017/maBase", ["users"]);
// Page Principale
app.get('/home', function(req,res){
res.render('login.html',{});
});
// Page connection
app.get('/', function(req,res){
res.render('index.html',{});
});
app.route('/signin')
.get(function(req, res, next) {
res.render('signin.html',{});
})
.post(function(req, res, next) {
if (req.body.email) {
console.log(req.body.username + req.body.email + req.body.pass);
}
else {
console.log('not ok')
}
});
app.route('/login')
.get(function(req, res, next) {
res.render('login.html',{});
})
.post(function(req, res, next) {
});
1 个解决方案
解决方案1
0 已采纳 2014-10-21 07:58:09
Your client side JS code looks fine. 您的客户端JS代码看起来不错。 The problem is with your server side code. 问题出在服务器端代码上。 In the /signin POST request function you are not giving any response(You are just logging it in the console). 在/ signin POST请求函数中，您没有给出任何响应（您只是将其记录在控制台中）。 That is why your client side JS code does not get any kind of response to process whether it is "success" or "failure". 因此，无论您的客户端JS代码是“成功”还是“失败”，都无法获得任何响应。 That is why after trying for a lot of times, it finally goes into "always". 这就是为什么在尝试了很多次之后，它最终还是变成“总是”。 The always function is executed either in an event of server timeout or situations where there is no response. 在服务器超时或没有响应的情况下，将执行always函数。 Try returning a response from your signin function. 尝试从登录功能返回响应。 You could do this by using the ".json" method provided by the "res" parameter that you are passing to your request function. 您可以使用传递给您的请求函数的“ res”参数提供的“ .json”方法来完成此操作。
Like this: 像这样：
app.route('/signin')
.get(function(req, res, next) {
res.render('signin.html',{});
})
.post(function(req, res, next) {
if (req.body.email) {
console.log(req.body.username + req.body.email + req.body.pass);
res.json("Success");
}
else {
console.log('not ok')
res.json("Error");
}
});
Or anything else that you want to return from the server. 或您要从服务器返回的其他任何内容。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.