3

这应该很简单，但我似乎无法让它按我的预期工作。

我只希望客户端提交带有电子邮件地址的表单，node.js 服务器在查询提交的电子邮件地址后查找 db 并返回成功或错误。作为第一步，我要做的就是手动返回成功或错误。

在客户端，我使用 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....');
4

1 回答 1

1

这可能是 nodejs 返回的问题。尝试将您的 ajax 函数更改为 console.log 来自 ajax 调用的响应并查看返回的内容。或者在 chrome 的网络监视器中检查响应标头和正文

于 2012-02-13T11:06:43.970 回答