php - 使用 PHP 和 Ajax 检查用户名并显示个人资料图片的自定义登录表单

Question

我试图用我的登录页面做一些“不同”的事情，但我认为我做错了或者不理解这个过程。

现在，我的用户表如下:

用户 ID、用户名、密码、个人资料图片、名字、姓氏

我想要的是，当您点击输入文本(焦点)时，您开始输入您的用户名，一旦您点击退出，ajax将检查该用户并在顶部返回该帐户的个人资料图片。

这是一个使用 gravatars 的示例:Example Here

有人可以帮助我了解如何使用 ajax 和 php 完成此请求吗？

谢谢!

Answer 1

JQUERY:

$(function(){
    $("#myInput").blur(function(){
        // On exit, Get Image data
        $.get("getUserImage.php", { user: $(this).val() }, function(data){
            if(data != "error"){
                $("#userImage").attr("src", data);
            }
        });
    });
});

PHP(getUserImage.php):

<?php
$user = isset($_GET['user'])?$_GET['user']:"";

if(empty($user)){
    die("error");
}

// connect to MySQL DB w/ MySQLi
$mysqli = new mysqli("localhost", "my_user", "my_password", "world");

if ($stmt = $mysqli->prepare("SELECT userImage FROM table WHERE user=?")) {
    // bind parameters
    $stmt->bind_param("s", $user);
    // execute query 
    $stmt->execute();
    // bind result variables
    $stmt->bind_result($image);
    // fetch value
    $stmt->fetch();
    if(!empty($image)){
        printf("http://www.example.com/%s", $image);
    } else {
        echo "error";
    }
    // close statement
    $stmt->close();
}
// close connection
$mysqli->close();
?>