Javascript 将PHP-MySql-insert转换为节点MySql-insert

在掌握

JS

的过程中，我正在将一个AJAX登录注册系统转换为JS/Node.JS

我对如何处理从表单到数据库的数据感到困惑

目前我有 表单Post to AJAX函数，该函数在url处调用一个php文件，然后获得响应

我假设我需要将php函数转换为js文件并使用node进行插入，但我想知道重写AJAX函数来处理插入是否会更好，因为不需要php

或者基本上只是将url从调用php文件更改为调用js文件，然后让新的js文件执行php文件所执行的操作

表单像这样调用js ajax

 <form class="form-signin" id="loginForm" onsubmit='registerUser();return false;'>

function registerUser(){


    $.ajax({
        type: 'POST',
        url: 'actions/register.js',
        data: "username=" + $('#registerUsername').val() + "&password=" + $('#registerPassword').val() + "&email=" + $('#registerEmail').val() + "&task=register",
        success: function(response){
            console.log(response);
            if(response === 'Correct'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('Please check your email for a validation link.');
                    $(".messageImage").append('<img src="images/success.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
                    $('#registerUsername').empty()
                    $('#registerPassword').empty()
                    $('#registerEmail').empty()
            }
            else if(response === 'utaken'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('That username is already taken.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else if(response === 'eused'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('That email address is already registered.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else if(response === 'nusername'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('Please enter a username.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else if(response === 'npassword'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('Please enter a password.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else if(response === 'nemail'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('Please enter an email address.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else{
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('There was an unknown error.  Please try again later.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)              
            }            
       }
    });
};

那么ajax函数如下所示

 <form class="form-signin" id="loginForm" onsubmit='registerUser();return false;'>

function registerUser(){


    $.ajax({
        type: 'POST',
        url: 'actions/register.js',
        data: "username=" + $('#registerUsername').val() + "&password=" + $('#registerPassword').val() + "&email=" + $('#registerEmail').val() + "&task=register",
        success: function(response){
            console.log(response);
            if(response === 'Correct'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('Please check your email for a validation link.');
                    $(".messageImage").append('<img src="images/success.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
                    $('#registerUsername').empty()
                    $('#registerPassword').empty()
                    $('#registerEmail').empty()
            }
            else if(response === 'utaken'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('That username is already taken.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else if(response === 'eused'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('That email address is already registered.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else if(response === 'nusername'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('Please enter a username.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else if(response === 'npassword'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('Please enter a password.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else if(response === 'nemail'){
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('Please enter an email address.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)
            }
            else{
                    $('.messageText').empty()
                    $('.messageImage').empty()
                    $('.messageText').append('There was an unknown error.  Please try again later.');
                    $(".messageImage").append('<img src="images/error.png" height="50" width="50">');
                    $('.message').slideDown(400).delay(10000).fadeOut(400)              
            }            
       }
    });
};

函数注册器（）{
$.ajax({
键入：“POST”，
url:'actions/register.js'，
数据：“username=“+$（'#registerUsername'）.val（）+”&password=“+$（'#registerPassword'）.val（）+”&email=“+$（'#registerEmail'）。val（）+”&任务=注册”，
成功：功能（响应）{
控制台日志（响应）；
如果（响应=='正确'）{
$（'.messageText'）.empty（）
$（'.messageImage'）.empty（）
$（'.messageText'）.append（'请检查您的电子邮件以获取验证链接'）；
$（“.messageImage”）.append（“”）；
$（'.message'）。向下滑动（400）。延迟（10000）。淡出（400）
$（'#registerUsername'）.empty（）
$（'#registerPassword'）.empty（）
$（'#registerEmail'）.empty（）
}
否则如果（响应=='utaken'）{
$（'.messageText'）.empty（）
$（'.messageImage'）.empty（）
$（'.messageText'）.append（'该用户名已被使用'）；
$（“.messageImage”）.append（“”）；
$（'.message'）。向下滑动（400）。延迟（10000）。淡出（400）
}
else if（响应=='eused'）{
$（'.messageText'）.empty（）
$（'.messageImage'）.empty（）
$（'.messageText'）.append（'该电子邮件地址已注册'）；
$（“.messageImage”）.append（“”）；
$（'.message'）。向下滑动（400）。延迟（10000）。淡出（400）
}
else if（响应=='nusername'）{
$（'.messageText'）.empty（）
$（'.messageImage'）.empty（）
$（'.messageText'）.append（'请输入用户名'）；
$（“.messageImage”）.append（“”）；
$（'.message'）。向下滑动（400）。延迟（10000）。淡出（400）
}
否则如果（响应=='npassword'）{
$（'.messageText'）.empty（）
$（'.messageImage'）.empty（）
$（'.messageText'）.append（'请输入密码'）；
$（“.messageImage”）.append（“”）；
$（'.message'）。向下滑动（400）。延迟（10000）。淡出（400）
}
否则如果（响应=='nemail'）{
$（'.messageText'）.empty（）
$（'.messageImage'）.empty（）
$（'.messageText'）.append（'请输入电子邮件地址'）；
$（“.messageImage”）.append（“”）；
$（'.message'）。向下滑动（400）。延迟（10000）。淡出（400）
}
否则{
$（'.messageText'）.empty（）
$（'.messageImage'）.empty（）
$（'.messageText'）.append（'出现未知错误。请稍后再试'）；
$（“.messageImage”）.append（“”）；
$（'.message'）。向下滑动（400）。延迟（10000）。淡出（400）
}            
}
});
};

这是ajax函数调用的php文件

<?php

//Include files
require_once('../classes/class_login.php');

//Get post data
$username = $_POST['username'];
$password = $_POST['password'];
$emailAddress = $_POST['email'];

if ($username == ''){
        print ('nusername');
    }

else if ($password == ''){
        print ('npassword');
    }

else if ($emailAddress == ''){
        print ('nemail');
    }

else {  
    //Call register function
    insertUser($username, $password, $emailAddress);
}

?>

可以安全地说，我可以将php函数转换为js，然后更改ajax函数中的url来调用它吗

---

如果是这样的话，实现这一目标的最佳参考点在哪里？我很难找到一个与我的情况密切相关的例子。

如果有人能解释为什么这个问题会被否决，我将不胜感激。是的，绝对安全。你可以继续。在ajax响应处理程序中有一个大的“else”语句。所以你可以交换URL。我没有对这个问题投反对票，但我猜是那个投反对票的人，因为你的最后一句话“如果是的话，实现这个目标的好参考是什么？我很难找到一个与我的情况密切相关的例子。”谢谢@bestprogrammerintheworld为什么这句话需要投反对票？“我真的很想更好地理解，这样我就不会被否决了。”risyasin感谢你的回答。所以，基本上我会以与我相同的方式发布变量，但是用一个单独的js文件来处理它们？只需将发布的变量添加到新文件中的节点mysql insert语句中？如果有人介意解释为什么这个问题会被否决，我将不胜感激。是的，绝对安全。你可以继续。在ajax响应处理程序中有一个大的“else”语句。所以你可以交换URL。我没有对这个问题投反对票，但我猜是那个投反对票的人，因为你的最后一句话“如果是的话，实现这个目标的好参考是什么？我很难找到一个与我的情况密切相关的例子。”谢谢@bestprogrammerintheworld为什么这句话需要投反对票？“我真的很想更好地理解，这样我就不会被否决了。”risyasin感谢你的回答。所以，基本上我会以与我相同的方式发布变量，但是用一个单独的js文件来处理它们？只需将发布的变量添加到新文件中的节点mysql insert语句中？