1

我有一个朋友打电话给他的客户。他想在他的网站上展示他的产品。但为了确保他们看到他想销售的产品，他希望他们转到一个他可以根据需要更改图像的页面。就像在客户端浏览器中运行 PowerPoint 演示文稿一样。例如，如果客户需要其他功能，他可以显示另一个图像。

  1. 在通话期间，客户转到我朋友网站上的特定页面。
  2. 显示的图像或 html 数据根据我朋友的要求更改。

这可以通过 AJAX 轻松实现吗？

4

1 回答 1

0

当然！

客户端：

<script type="text/javascript">
//The first image to load
CurrentImage="http://images.google.com/intl/en_ALL/images/logos/images_logo_lg.gif";

//The Image, eg: <img id=imgBox src=foo.jpg>
ImgBox = document.getElementById('imgBox');

function CheckForImg()
{
    var ajaxRequest;  // The variable that makes Ajax possible! 
        try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
        } catch (e){
        try
            {
        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try{
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e){
            // Something went wrong
            alert("Ajax is kinda disabled :(\n you won't be able to do some stuff around :(");
            return false;
        }
    }
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){    
    if(ajaxRequest.readyState == 4){
        var str = ajaxRequest.responseText;
        if(str != CurrentImage) // we have a new image
        {
            ImgBox.src = str;
            currentImage = str;
        }
    }
ajaxRequest.open("GET", "getCurrentImagUrl.php", true);
ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
ajaxRequest.send(null);
}
</script>

现在我们需要一种方法来让客户发布消息，所以我们要么把它放在一个频率上，要么显示一个按钮来按下，这样会更好更高效：

方法1（按钮）：

<Button onclick="CheckForImg();">Check For Image!</button>

方法二（定期检查）：

只需调用

SetInterval("CheckForImg", 5000);

我会把服务器端留给你:)

欢迎提供任何进一步的帮助。

于 2013-03-23T09:01:55.970 回答