テキストエリアに追加する方法は?

ajax javascript php
テキストエリアに追加する方法は?

PHPでtextareaに追加してからtextareaを更新するにはどうすればよいですか?

ありがとうございました

編集:PHPコードからトリガーされるサーバーである必要があります

  -3  0


ベストアンサー

最も簡単なアプローチは、ajaxを使用してphpスクリプトをポーリングするjavascript関数を使用することです(10秒ごとなど)。 タイムスタンプをphp関数のパラメーターとして追加して、最新のログエントリのみを返すようにすることができます。

ajax呼び出しが戻ると、javascriptを使用して結果のテキストをtextareaに追加できます。

必要に応じていくつかのサンプルコードを釣ることができますか?

したがって、ここにHTMLファイルがあります-スクリプトへのAJAX呼び出しを行う関数があります-いくつかのものを返すlog.php(この例では非常に単純なテキスト行です)をテキストエリアに追加します。

スクリプトが読み込まれると、1000ミリ秒ごとに起動するようにタイマーを設定します(必要に応じてこれを変更してください)。

「更新のキャンセル」機能と「更新の開始」もあります。

だから-htmlファイルとphpファイルを入れます(log.phpを呼び出す必要があります)
– またはあなたが好きなものを呼び出して同じディレクトリにコードを変更します)
Webサーバーで何が起こるかを確認してください!

            var http = createRequestObject();
            var updateInt=self.setInterval("updateLog()",1000);


            function startAutoUpdate(){

                if(updateInt==""){
                    updateInt=window.setInterval("updateLog()",1000)
                }else{
                    stop_Int()
                }
            }
            function stopAutoUpdate(){

                if(updateInt!=""){
                    window.clearInterval(updateInt)
                    updateInt=""

                }
            }
            function createRequestObject() {
                var objAjax;
                var browser = navigator.appName;
                if(browser == "Microsoft Internet Explorer"){
                    objAjax = new ActiveXObject("Microsoft.XMLHTTP");
                }else{
                    objAjax = new XMLHttpRequest();
                }
                return objAjax;
            }

            function updateLog(){
                http.open('get','log.php');
                http.onreadystatechange = updateNewContent;
                http.send(null);
                return false;
            }

            function updateNewContent(){
                if(http.readyState == 4){

                    document.getElementById('log').innerHTML = document.getElementById('log').innerHTML + http.responseText;

                }
            }



        Log


        Update

        Cancel Auto Update

        Start Auto Update

phpスクリプト(非常に簡単)を示します…​

1


タイトルとURLをコピーしました