jQuery-img src中的變量返回未定義

Question

好的，所以我有一個如下所示的AJAX調用（省略了不重要的代碼）：

 function updateChat(){

    var userAvatar = $('.user-avatar').val();

    $.ajax({
       type: "POST",
       url: "index.php",
       data:{
           "AJAX": 'support-chat-process'
       },
       dataType: "JSON",
       success: function(data){

           var append ='somehtml';
           alert(userAvatar); // works!
           append += '<img src="' + userAvatar + '" height="30" width="30">'; 
           append += '<p>'+userAvatar+'</p>'; // also works!

           $('body').append(append);

       }
    });
}

如您所見，我正在嘗試從變量內的隱藏輸入字段中獲取一個值，該變量會將HTML IMG標簽添加到文檔中。

我從該字段（輸入到userAvatar中）獲得的值是正確的。 在故障代碼之前和之后向變量發出警報，還會輸出正確的字符串。

如果我將變量放在<p>標記內，它也將起作用。

但是，當我像上面那樣將變量添加到IMG src時，將其添加到文檔中時，在src中會出現“未定義”。

因此，在我的html中，它看起來像這樣：

      <img src="undefined" height="30" width="30">

我不知道為什么，有什么想法嗎？ 除了這里顯示的代碼im之外，我還沒有觸摸過變量。

Answer 1

好吧，我已經找到原因了。 我在代碼中有一個if / else語句，由於輸入錯誤，它稱為錯誤的變量。 我了解到，下次我最好不要遺漏我認為不是問題所必需的代碼。