Ajax Обновление нескольких блоков

334

12 декабря 2016, 10:02

Вопрос в следующем. Есть простой код в котром ajax обновляет блок div. Как сделать что бы можно было обновлять более одного блока на странице?

Сейчас обновляется блок с id=content обработчик temp.php . Хочется что бы ещё обновлялся блок с id=content-1 него будет свой обработчик temp-1.php

<html> 
<head> 
<title>HOME</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
 
 <link rel="stylesheet" type="text/css" href="style.css"> 
 <script>   
        function show()   
        {   
            $.ajax({   
                url: "temp.php",   
                cache: false,   
                success: function(html){   
                    $("#content").html(html);  
				} 
             });       
        }   
        $(document).ready(function(){   
            show();   
            setInterval('show()',100);   
        });    
    </script> 
     
</head> 
    <body> 
          <div class="r"> 
          <p class="r1">Температура  дома</p> 
          <div class="r2> 
          <div class="r3" id="content"></div>  
          <div class="r3"> C<sup>o</sup></div> 
          </div> 
          </div> 
         
          <div class="r"> 
          <p class="r1">Температура на балконе</p> 
          <div class="r2> 
          <div class="r3" id="content-1"></div>  
          <div class="r3"> C<sup>o</sup></div> 
          </div> 
          </div>        
   </body> 
</html>

КОД TEMP.PHP

<?php  
$myFile = "data.txt"; 
$fh = fopen($myFile, 'r'); 
$theData = fread($fh, filesize($myFile)); 
fclose($fh); 
echo $theData; 
?>

Answer 1

Добавь в функцию

$.ajax({  
                url: "temp-1.php",  
                cache: false,  
                success: function(html){  
                    $("#content-1").html(html); 
                }
             });