Javascript 如何在同一页面中显示结果？

这是我的密码。 html

用户名：

密码：

名字：

姓氏：

$（“#提交”）。单击（函数（）{
var username=$（'#name'）.val（）；
var password=$（'#pass'）.val（）；
var firstname=$（'#fname'）.val（）；
var lastname=$（'#lname'）.val（）；
var postData='&username='+username+'&password='+password+'&firstname='+firstname+'&lastname='+lastname；
var status_text=$（“#status_text”）；
//警报（postData）；
//var mydata={'username'：name，'password'：pass，'firstname'：fname，'lastname'：lname}；
/*$.post（$（'#myform'）.attr（'action'），
$（'#myform:input'）.serializeArray（），
功能（信息）{
$（'status_text'）.html（信息）
});*/
$.ajax({
网址：“行动”，
类型：“post”，
成功：功能（信息）
{
status_text.html（信息）；
}
});
});

这是我的数据库php代码

<?php
$servername = 'localhost';
$username = 'root';
$password = '';
$conn = new mysqli($servername, $username, $password);
$name = $_POST['username'];
$password = $_POST['password'];
$firstname = $_POST['firstname'];
$lastname = $_POST['lastname'];
$sql = "INSERT INTO karthik.person(name,password,firstname,lastname)VALUES('$name','$password','$firstname','$lastname')";
if($conn->query($sql) === TRUE){
    echo("record added success");
}else{
    echo("failed".$conn->error);
}
$conn->close();
?>

---

您需要告诉浏览器不要提交表单：

$("#submit").click(function(e) {
    e.preventDefault(); // Prevents the default behaviour for the submit-action
    //... the rest of your code

当你开始工作时，你应该从开始修理东西。
你这里有一些问题：


您没有阻止默认提交事件，这会导致表单“正常”提交
您没有随ajax请求发送任何数据，因此服务器端永远不会有任何
$\u POST
变量
您有一个sql注入问题。您应该使用准备好的语句并绑定这些值
您没有将ajax请求发送到正确的url
您使用的是纯文本密码。您应该始终使用salt和hash密码
这只是一个开始：-）@jeroen-他确实说他得到了正确的结果，但只是在另一页上，所以我猜问题中的代码已经修改了这么久。但是是的，他的代码存在多个问题。我只是回答实际问题。：）@jeroen-我100%同意。@MagnusEriksson我试过你的解决方案，但它不起作用：（你能详细说明一下“不起作用”？是发生了同样的事情还是发生了其他事情，比如错误消息？url:“action”是“formdata.php”@PhiterFernandes
$("#submit").click(function(e) {
    e.preventDefault(); // Prevents the default behaviour for the submit-action
    //... the rest of your code