这应该很简单,但我似乎无法像我预期的那样使它工作。
我只是希望客户端提交带有电子邮件地址的表单,并且node.js服务器在查询提交的电子邮件地址后查找数据库并返回成功或错误。作为第一步,我要做的就是手动返回成功或错误。
在客户端,我使用的是JQuery和ajaxForm插件 在服务器端,我在node.js端使用connect-form。
我可以看到来自node.js端的console.log消息,但我在客户端看不到“SUCCESS”警告。相反,我在localhost:8000看到一个空页面。我认为解决方案很简单。
任何帮助都会非常感激!!!!
客户端HTML / JS:
<div class="gform">
<form id="entryForm" action="http://localhost:8000/" method="post">
<p><input type="radio" name="choice" value="1"> Choice 1</p>
<p><input type="radio" name="choice" value="2"> Choice 2</p>
<p><input type="radio" name="choice" value="3"> Choice 3</p>
<p><input type="radio" name="choice" value="4"> Choice 4</p>
<p><input type="radio" name="choice" value="5"> Choice 5</p>
<p><input type="text" name="email"> Email Address</p>
<p><input type="submit" value="Submit" /></p>
</form>
</div>
<div id="form_result">
</div>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var options = {
dataType: 'json',
target: "form_result",
success: goodResult,
error: badResult,
timeout: 1000
};
$('#entryForm').ajaxForm(options);
}
function goodResult() {
alert('SUCCESS!');
}
function badResult() {
alert('ERROR!');
}
</script>
Node.js方:
var form = require('connect-form'), connect = require('connect');
var server = connect.createServer(
form({ keepExtensions: true }),
function(req, res){
// Form was submitted
if (req.form) {
req.form.complete(function(err, fields){
console.log(fields);
res.writeHead(200, { "Content-Type": "application/json" });
res.end();
});
} else {
// Regular request, return error.
}
}
);
server.listen(8000);
console.log('Express app started on port 8000....');
答案 0 :(得分:1)
这可能是nodejs返回的问题。尝试将ajax函数更改为console.log来自ajax调用的响应,并查看返回的内容。那或者像chrome的网络监视器那样检查响应标题和正文