Status de processo AJAX+PHP

Rhaone · 9 de outubro de 2011

Olá pessoal!

Eu tenho uma leitura a uma tabela MySQL e gostaria de mostrar alguns campos enquanto esta tabela está sendo processada, porém a forma que achei para isto, envole numa replicação desta forma no arquivo ".html" fazendo dele um enorme arquivo a medida que avança.

Alguém pode me ensinar uma forma de criar uma função em AJAX onde eu possa trabalhar com estas variáveis em PHP? (se for esta a melhor solução)

Grato.

Parte do script:


          while ($cot = mysql_fetch_array ($cotsql, MYSQL_ASSOC)) {

            If ($probar == "Sim") { 
              ob_end_flush ();
              ob_start ();
              echo "
              <div id='probar' style='
                top             : 40px;  
                left            : 457px; 
                position        : absolute; 
                background-color: #000000; 
                color           : " . $cor_letra_amar . "; 
                height          : 13px;
               '>" . $marcal_xx . " " . $ini . " " . $cot ["codneg"] . " " . $cot ["data"] .
             "</div>";
              ob_flush ();
              flush ();
            }

            ...             

          }

Resultado atual:


              ...
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 AAPL11B 2011-08-25</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 AAPL11B 2011-08-31</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 AAPL11B 2011-09-16</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 AAPL11B 2011-09-20</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-15</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-16</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-17</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-18</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-19</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-22</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-23</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-24</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-25</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-26</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-29</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-30</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-08-31</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-09-01</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-09-02</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-09-05</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-09-06</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-09-08</div>
              <div id="probar" style="top: 40px; left: 457px; position: absolute; background-color: rgb(0, 0, 0); color: rgb(255, 255, 1); height: 13px;">1A 045 ABCB4  2011-09-09</div>
              ...