Question

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

在电话中，客户转到我朋友网站上的特定页面。
显示的图片或html数据会根据我的朋友的要求而改变。

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

Answer 1

当然！

客户方：

<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>

方法2（定期检查）：

只需致电

SetInterval("CheckForImg", 5000);

我将离开服务器端：）

提供任何进一步的帮助。

根据我的需求更改客户端浏览器中的图像

1 个答案: