ajax显示数据库图片(或者图片路径)-AJAX教程-爱易网页

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

日期：2014-05-16　浏览次数：20766 次

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显示数据库图片(或者图片路径)

相关资料更多>

推荐阅读更多>