javascriptでテキストを選択する方法Ajax

Question

directoryScanner.phpファイルからdivコンテナに取得するテキストを選択できません。だからdivコンテナに表示されることは、私はマウスで選択することはできません。

<div id="file_link_panel"> 
 
</div>

javascriptのコード

function dirRefresher(){ 
 
    ajax = new XMLHttpRequest(); 
 
    ajax.open("POST","directoryScanner.php"); 
 
    ajax.onreadystatechange = function(){ 
 
     if(ajax.readyState ==4 & ajax.status == 200){ 
 
      msg = this.responseText; 
 
       document.getElementById("file_link_panel").innerHTML = msg; 
 
     } 
 
    } 
 
    ajax.send(); 
 
} 
 
setInterval(dirRefresher,1000);

そしてdirectoryScanner.php

という名前のこの単純なPHPスクリプトに続きあなたはちょうどあなたが innerTextを含める必要があるので、テキストPHPから復帰
： innerText innerHTML以外

Answer 1

問題は、Ajaxの呼び出しのトンを作り、あなたが選択をしようとして、それが置き換えられているので、何度も繰り返し要素を更新しています。あなたは、タイムアウトを増やして、サーバからコールバックを取得した後で次のコールだけを発射する方が良いです。また、コンテンツが同じ場合は、htmlを置き換える必要はありません。

function dirRefresher(){ 
    var ajax = new XMLHttpRequest(); 
    ajax.open("POST","directoryScanner.php"); 
    ajax.onreadystatechange = function(){ 
     if(ajax.readyState ==4 & ajax.status == 200){ 
      var msg = this.responseText; 
      var elem = document.getElementById("file_link_panel"); 
      if(elem.innerHTML !== msg) { 
       elem.innerHTML = msg; 
      } 
      setTimeout(dirRefresher, 5000); 
     } 
    } 
    ajax.send(); 
} 

dirRefresher() 

アップデートがさらに必要な場合は、AjaxではなくWebSocketを調べる必要があります。

Answer 2

10は、使用してみてください。これと同じように：

function dirRefresher(){ 
    ajax = new XMLHttpRequest(); 
    ajax.open("POST","directoryScanner.php"); 
    ajax.onreadystatechange = function(){ 
     if(ajax.readyState ==4 & ajax.status == 200){ 
      msg = this.responseText; 
       document.getElementById("file_link_panel").innerText= msg; 
     } 
    } 
    ajax.send(); 
} 
setInterval(dirRefresher,1000);