ajax显示数据库图片(或者图片路径)

ajax显示数据库图片(或者图片路径) - Web 开发 / Ajax
各位大虾,我有个问题想问问,
听说ajax可以不用刷新就能与数据库交付什么的...像google搜索
现在来了个问题,我一直不知道怎么做(其实我没有用过ajax)
我想把存放在数据库里面的图片在一个网页首页显示,并且每隔4秒中它就会自动的换为数据库另外一个图片(或者路途~)
不知道各位有没有什么好的源代码
或者可以讲解一下过中原理呢?
首先要说的是我是只会javascript,不大会xml
当然,有的话会看得懂的

------解决方案--------------------

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script>
        //从数据库中获取相应src 图片路径
        var array = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
        window.onload = function() {
            document.getElementById('div').innerHTML = array[0];
            setTimeout(function() { change(1); }, 1000); //1000 是 1秒，这里是为了看到效果
        }
        function change(i) {
            if (i == array.length) {
                i = 0;
            }
            document.getElementById('div').innerHTML = array[i];
            setTimeout(function() { change(i + 1); }, 1000);
        }
    </script>
</head>
<body>
<div id='div'>
</div>
</body>
</html>

------解决方案--------------------

探讨
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<title></title>
<script>
//从数据库中获取相应src 图片路径
var array = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
window.onload = function() {
document.getElementById('div').innerHTML = array[0];
setTimeout(function() { change(1); }, 1000); //1000 是 1秒，这里是为了看到效果
}
function change(i) {
if (i == array.length) {
i = 0;
}
document.getElementById('div').innerHTML = array[i];
setTimeout(function() { change(i + 1); }, 1000);
}
</script>
</head>
<body>
<div id='div'>
</div>
</body>
</html>

ajax显示数据库图片(或者图片路径)

相关推荐