3

これはかなり単純なはずですが、意図したとおりに動作させることができないようです。

クライアントが電子メールアドレスを含むフォームを送信したいだけで、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....');
4

1 に答える 1

1

これは、nodejs によって返される内容に問題がある可能性があります。ajax 関数を console.log に変更して、ajax 呼び出しからの応答を記録し、何が返されるかを確認してください。それか、クロムのネットワークモニターのようなもので応答ヘッダーと本文を確認してください

于 2012-02-13T11:06:43.970 に答える