Como hago para que este codigo sirva para multiples div

[skywolker]

Como hago para que este codigo sirva para multiples div para ver el resultado del archivo url enviandole la variable.

¿como se puede?

Código HTML:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>



<script language="JavaScript" type="text/javascript">

$(document).ready(function()
{
    function load()
    {
        $.ajax({
            url: "mps.php",
            cache: false, // very important in your case
            success: function(data)
            {
                $("#mps").empty();
                $("#mps").html(data);
            }
        });
    }
    load();
    setInterval(load,1000);
});

</script>

	<div id="mps"><?php include("mps.php"); ?></div><br>

El problema es que me da lag tener tantos repetidos con diferente archivo php.

[Carlangueitor]

Con una función que acepte dos parametros, un el id del div (o el objeto DOM) y otro la url para hacer la petición AJAX.

Saludos

[skywolker]

escribeme el codigo no entiendo como hacerlo.

[Carlangueitor]

Que ocurrente amigo! Decir que te hagan el trabajo

[skywolker]

necesito ayuda, pero gracias por tu ayuda de todas formas aunque sea ninguna .

[BanNsS1]

Una opción sería lo que ya te han dicho:

Código HTML:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>



<script language="JavaScript" type="text/javascript">

$(document).ready(function()
{
    function load(value)
    {
        $.ajax({
            url: value+".php",
            cache: false, // very important in your case
            success: function(data)
            {
                $("#"+value).empty();
                $("#"+value).html(data);
            }
        });
    }
    load();
    setInterval(load('mps1'),1000);
    setInterval(load('mps2'),1000);
    setInterval(load('mps3'),1000);
});

</script>

	<div id="mps1"><?php include("mps1.php"); ?></div><br>

	<div id="mps2"><?php include("mps2.php"); ?></div><br>

	<div id="mps3"><?php include("mps3.php"); ?></div><br> 

Por otra parte, no te lo recomiendo, va a ser como recargar esas 3 secciones una vez por segundo, el navegador al fin y al cabo acabará saturandose

[skywolker]

lo he probado y no funciona

[jhonjaider1000]

Bien yo te recomendaría el situiente código, en ves de hacerlo con un id para cada elemento usas clases
con esto te referiras a todo elemento div que contenga una clase, en este caso la he llamado maps-content.

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>

<script language="JavaScript" type="text/javascript">

$(document).ready(function()
{
function load()
{
$.ajax({
url: "mps.php",
cache: false, // very important in your case
success: function(data)
{
$('.maps-content').html('');
$('.maps-content').html('data');
}
});
}
load();
//Por otra parte recomiendo cambiar el interval, 1000(1 segundo) es mucho proceso para el pobre servidor,
//generalmente incluso los chats refrescan el contenido cada 2 o 3 segundos.... :D
setInterval(load,3000);
});

</script>

<div class="maps-content"><?php include("mps.php"); ?></div><br>
<div class="maps-content"><?php include("mps.php"); ?></div><br>
<div class="maps-content"><?php include("mps.php"); ?></div><br>



Y listo esto seria todo, éxitos amigo! ;)

[skywolker]

buen intento amigo pero no es correcto.