mysql请求后的节点JS重定向

时间:2014-01-15 14:53:05

标签: javascript jquery mysql html5 node.js

我正在尝试使用节点JS和MySQL做一个注册页面,除了我不能在另一个页面上重定向用户外,一切正常。它没有考虑我的表单中的“动作”,我不能在我的server.js中使用window.location,当我尝试时:

response.writeHead(301,
  {Location: 'index.html'}
);

我得到了永久性错误。

所以,这是我的表格:

<form method="post" action="index.html" id="registerForm">
            <label for="username">Username</label>
            <input type="text" name="username" placeholder="Username" id="username" /><br/>

            <label for="password">Password</label>
            <input type="password" name="password" placeholder="Password" id="password" /><br/>


            <label for="password_bis">Confirmation</label>
            <input type="password" name="password_bis" placeholder="Password" id="password_bis" /></span><br/>

            <label for="language">Language</label>
            <select name="language" id="language">
               <option value="fr">Français</option>
               <option value="en">English</option>
            </select>

            <input type="submit" value="Submit" />
        </form>

这是我检索内容的js:

    $(document).ready(function(){

    $("#registerForm").submit(function (e) {
        e.preventDefault();
        $.post("http://localhost:1337", { username: $("#username").val(), password: $("#password").val(), language: $("#language").val() } );
    });
});

这是我的服务器:

var http = require('http');
var queryString = require('querystring');

var server = http.createServer( function(req, res) {
  if (req.method == 'POST') {
    var requestBody = '';
    req.on('data', function (data) {
      requestBody += data;
    });
    req.on('end', function () {
      var postData = queryString.parse(requestBody);
      if(postData.username && postData.password && postData.language)
      {
        var post  = {username: postData.username, password: postData.password, language: postData.language};
        var query = connection.query('INSERT INTO user SET ?', post, function(err, result) {
          if (err) throw err;
          else {
            res.writeHead(200, {'Content-Type': 'text/plain', 'Access-Control-Allow-Origin': '*'});
            res.end();
          } 
        });
      }
    });
  }
}).listen(1337);

var mysql = require('mysql');

var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'root',
  password : '',
  database: 'test'
});

connection.connect(function(error) {
    if (error) {
        return console.log('CONNECTION error: ' + error);
    }
});

由于

1 个答案:

答案 0 :(得分:0)

这部分代码:

$("#registerForm").submit(function (e) {
    e.preventDefault();
    $.post("http://localhost:1337", { username: $("#username").val(), password: $("#password").val(), language: $("#language").val() } );
});

应该删除。

它导致您的请求通过AJAX发送到服务器,从那里您无法重定向页面。如果删除代码,它应该按预期工作。

如果您必须使用javascript(预处理表单或其他内容),您可以通过response.send发送重定向到的位置,然后在post处理程序中使用window.location。

您的客户端代码应如下所示:

$("#registerForm").submit(function (e) {
    e.preventDefault();
    $.post("http://localhost:1337", { 
        username: $("#username").val(), 
        password: $("#password").val(), 
        language: $("#language").val() } ).success(function(data){
            window.location = data;
        });
    });
});

您的相应服务器端代码如下所示:

res.end('index.html');