如何从数据库中获取数据后更改图像

对于function getDataFromDb()我从数据库中获取最新数据，我想使用val["id"]来定义条件以更改图像，您将在function GetImage上看到，但它不成功。你能举个例子吗？如何从数据库中获取数据后更改图像

<script> 

function getDataFromDb() 
{ 
    $.ajax({ 
       url: "getData.php" , 
       type: "POST", 
       data: '' 
      }) 
      .success(function(result) { 
       var obj = jQuery.parseJSON(result); 
        if(obj != '') 
        { 
          //$("#myTable tbody tr:not(:first-child)").remove(); 
          $("#myBody").empty(); 
          $.each(obj, function(key, val) { 
            var tr = "<tr>"; 
            tr = tr + "<td>" + val["id"] + "</td>"; 
            tr = tr + "<td>" + val["first_name"] + "</td>"; 
            tr = tr + "<td>" + val["last_name"] + "</td>"; 
            tr = tr + "<td>" + val["age"] + "</td>"; 
            tr = tr + "<td>" + val["hometown"] + "</td>"; 
            tr = tr + "<td>" + val["job"] + "</td>"; 
            // tr = tr + "<td>" + "<img src='" + GetImage(parseInt(val["id"]))+"'>" + "</td>"; 
            tr = tr + "</tr>"; 

            $('#myTable > tbody:last').append(tr); 
          }); 
        } 

      }); 

} 

function GetImage(id){ 
    var image = document.getElementById("myImage"); 
    if (image.val["id"] < 10){ 
     return "pic/img1.jpg" 
    } else if (image.val["id"] < 20){ 
     return "pic/img2.jpg" 
    } else { 
     return "pic/img3.jpg" 
    }; 
} 

setInterval(getDataFromDb, 100); // 1000 = 1 second 
</script>

来源

2016-02-26 roboton Kc

你得到了什么错误？而且，我也认为你实际上并没有在你的GetImage函数中使用id参数。你试过如果（image.val [id] <10）{...}？ – andreasnico

取消注释each环和使用评价tr以下功能

function GetImage(id){ 

    if (id< 10){ 
     return "pic/img1.jpg" 
    } else if (id< 20){ 
     return "pic/img2.jpg" 
    } else { 
     return "pic/img3.jpg" 
    }; 
}

来源

2016-02-26 12:21:15

如何从数据库中获取数据后更改图像

回答

相关问题