Javascript 使用jquery按用户名获取图像

我有一个输入用户名的文本框。如果用户名存在，我想获取用户图像

<form accept-charset="UTF-8" role="form">
   <img id="avatar" src="default.jpg" alt="">
   <input id="username" name="username" type="text">
</form>

我想用javascript检查用户名图像

<script type="text/javascript">
    $("#username").keyup(function (event) {
        var url = location.pathname 
                  +"/Images/avatars/" 
                  + event.target.value + ".jpg";

        $.get(url, {}, function (response) {

        });             
    });
</script>

$（“#用户名”）.keyup（函数（事件）{
var url=location.pathname
+“/Images/avatars/”
+event.target.value+“.jpg”；
$.get（url，{}，函数（响应）{
});             
});

若图像存在，用户图像将显示在图像框中，但若不存在，将显示默认图像

但是我的get请求无效。

您可以使用图像和事件

您可以使用图像和事件

您可以使用图像和事件

您可以使用图像和事件

---

您的GET请求返回的状态码是什么？如果是登录表单，那么这不是违反了安全性，因为您正在通知人们该用户实际上存在，因此可能会泄露用户名。您的GET请求返回的状态码是什么？如果是登录表单，那么，这不是违反了安全性，因为您正在通知人们该用户实际上存在，因此可能会泄露用户名。您的GET请求返回的状态码是什么？如果是登录表单，那么，这不是违反了安全性，因为您正在通知人们该用户实际上存在，因此可能会泄露用户名。您的GET请求返回的状态码是什么？如果是登录表单，那么，这不是违反安全性，因为您正在通知人们该用户实际上存在，因此可能会泄露用户名。

$("#username").keyup(function (event) {
    var url = location.pathname 
              +"/Images/avatars/" 
              + event.target.value + ".jpg";
    var img = new Image();
    img.src = url;
    img.onload = function () { 
        $('#avatar').prop('src', url); //When load's sucessfully
    };
    img.onerror = function () { 
        $('#avatar').prop('src', 'default.jpg'); //When load's fails
    };            
});