jquery: carga valores de html externo y llena muchos campos locales, con una lectura del html

Estoy usando este código ahora, funciona muy bien, excepto que hace tres solicitudes al servidor web:

var refreshspeed=1000 function moreSnow() { $("#uptimedynamic").load("index.html #uptimedynamic"); $("#cpuloaddynamic").load("index.html #cpuloaddynamic"); $("#meminfodynamic").load("index.html #meminfodynamic"); setTimeout("moreSnow()", refreshspeed); } 

¿Puede alguien decirme cómo hacer que haga lo mismo, pero con solo una lectura de index.html? Necesita permanecer en la misma configuración repetitiva de bucle 🙂

Esto debería hacerlo

 /* cache selectors in main page to avoid searching for them every second*/ var $upTime=$("#uptimedynamic"), $cpuload = $("#cpuloaddynamic"), $meminfo=$("#meminfodynamic") function moreSnow() { $.get("index.html", function(data){ /* create a jQuery object from the retrieved page html that can then be traversed*/ var $data=$(data); $upTime.html( $data.find('#uptimedynamic').html() ); $cpuload.html( $data.find("#cpuloaddynamic").html() ); $meminfo.html( $data.find("#meminfodynamic").html() ); }); } 

Al recuperar solo los contenidos de cada elemento, también evita duplicar los ID en la página y posibles problemas de estilo