gpt4 book ai didi

php - 使用 jquery、ajax 和 php ajax() 检查本地服务器上的用户名未连接

转载 作者:行者123 更新时间:2023-11-30 01:23:04 25 4
gpt4 key购买 nike

所以我的本地系统上有一个 mysql 数据库,并使用 PHP 连接到该数据库。我知道服务器(Apache)没有任何问题,因为我在另一个仅使用 php 的调用中使用了它。

我认为问题出在“ajax() 请求”

我刚刚开始使用ajax。我按照教程实现了一种异步检查用户名是否已存在于数据库中的方法。

所有代码都会正常工作,直到 ajax() 请求为止。

我没有收到任何错误。我在屏幕上看到的所有内容都是此代码的结果:

$("#availability_status").html(' 正在检查可用性...'); //在span中添加加载图片 id="availability_status"

我一整天都在寻找解决方案,这让我发疯。预先感谢您!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Register</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() { //When the dom is ready
alert("ready!");
$("#username").change(function() { //if therezs a change in the username textbox
var username = $("#username").val();//Get the value in the username textbox
if(username.length > 3)
{
$("#availability_status").html('<img src="loader.gif" align="absmiddle">&nbsp;Checking availability...');
//Add a loading image in the span id="availability_status"

$.ajax({
type: "POST",
url: "http://localhost/ajax_check_username.php",
data: {username: username},
success: function(server_response){

if(server_response == '0')//if ajax_check_username.php return value "0"
{
$("#availability_status").html('<img src="available.png" align="absmiddle"> <font color="Green"> Available </font> ');
//add this image to the span with id "#availability_status"
}
else if(server_response == '1')//if it returns "1"
{
$("#availability_status").html('<img src="not_available.png" align="absmiddle"> <font color="red">Not Available </font>');
}


}

});

}
else
{

$("#availability_status").html('<font color="#cc0000">Username too short</font>');
//if in case the username is less than or equal 3 characters only
}
return false;
});
});
</script>
</head>
<body>
<div id="content">
<strong>Register</strong>
<form action="http://localhost/register2a.php" method="get">
<div class="style_form">
<label for="username">Username :</label>
<input type="text" name="username" id="username" class="form_element"/>
<span id="availability_status"></span> </div>
<div class="style_form">
<label for="full_name">Full Name :</label>
<input type="text" name="full_name" id="full_name" class="form_element"/>
</div>
<div class="style_form">
<label for="email">Email :</label>
<input type="text" name="email" id="email" class="form_element"/>
</div>
<div class="style_form">
<input name="submit" type="submit" value="submit" id="submit_btn" />
</div>
</form>
</div>
</body>
</html>

////这是php文件

<?php
$conn = mysqli_connect('localhost', 'root', 'sherly743759', 'login');
//Include the Database connection file
if(isset($_POST['username']))//If a username has been submitted
{
//check username not taken
$conn = mysqli_connect('localhost', 'root', 'sherly743759', 'login');

$username = mysql_real_escape_string($username);
$query = "SELECT username FROM member WHERE username = '$username';";

$result = mysql_query($query);

if(mysql_num_rows($result) > 0)
{
echo '1'; //Not Available
}
else
{
echo '0'; // Username is available
}

}

?>

最佳答案

我总是喜欢在 AJAX 问题上使用 GET 请求,这意味着使用 type:"GET"执行 jQuery AJAX 并在 PHP 上使用 GET 读取参数。所以我可以通过在浏览器中运行 PHP 页面来轻松测试 PHP 页面本身像这样

localhost/ajax_check_username.php?username=something

关于php - 使用 jquery、ajax 和 php ajax() 检查本地服务器上的用户名未连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18325475/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com