1

私には顧客に電話をかける友人がいます。彼は自分のウェブサイトで自分の製品を紹介したいと考えています。しかし、販売したい製品を確実に見てもらうために、必要に応じて画像を変更できるページに移動してもらいたいと考えています。クライアントのブラウザで PowerPoint プレゼンテーションを実行するようなものです。たとえば、クライアントが他の機能を必要とする場合、別の画像を表示できます。

  1. クライアントとの通話中に、友人の Web サイトの特定のページに移動します。
  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>

方法 2 (定期的にチェック):

電話するだけ

SetInterval("CheckForImg", 5000);

私はあなたのためにサーバー側を残します:)

ご不明な点がございましたら、お気軽にお問い合わせください。

于 2013-03-23T09:01:55.970 に答える