jquery how to receive data line by line in a loop

Question

jquery how to receive data line by line in a loop

Navigation

#1 by (1 votes)

1

In the test.php file I have:

<?php

echo "<input type='button' value='Envia' class='btenvia'/><br><br>";
echo "<div id='mostradados'></div>";

?>

<script src="jquery.min.js"></script>

   <script type="text/javascript">
    $(document).ready(function(){

        $(".btenvia").click(function(){

            $.post("dados.php", {opcao: 1 },
            function(info){

                $("#mostradados").html(info);

            });
        });
      });
     </script>

In the data.php file I have for example a loop with the for:

<?php
for ($i = 0; $i < 100000; $i++) {

    echo "linha ".$i."<br>";
}
?>

How do I make the loop appear line by line in my view, instead of appearing all at once. I was thinking of ajax but I do not see how.

Console result:

linha 0<br>linha 1<br>linha 2<br>linha 3<br>linha 4<br>linha 5<br>linha 6<br>linha 7<br>linha 8<br>linha 9<br>linha 10<br>linha 11<br>linha 12<br>linha 13<br>linha 14<br>linha 15<br>linha 16<br>linha 17<br>linha 18<br>linha 19<br>linha 20<br>linha 21<br>linha 22<br>linha 23<br>linha 24<br>linha 25<br>linha 26<br>linha 27<br>linha 28<br>linha 29<br>linha 30<br>linha 31<br>linha 32<br>linha 33<br>linha 34<br>linha 35<br>linha 36<br>linha 37<br>linha 38<br>linha 39<br>linha 40<br>linha 41<br>linha 42<br>linha 43<br>linha 44<br>linha 45<br>linha 46<br>linha 47<br>linha 48<br>linha 49<br>linha 50<br>linha 51<br>linha 52<br>linha 53<br>linha 54<br>linha....

php jquery loop post

asked by anonymous 17.04.2018 / 15:11

1 answer

Display array data ngRoute How to include files in a View based on the Route in Laravel?

score 1 · Answer 1

Well you can split the breakline in the code below

$ (document) .ready (function () {

    $(".btenvia").click(function(){

        $.post("dados.php", {opcao: 1 },
        function(info){

            var rt = info.split("\n");
            var count = 0;
            while( count <= rt.length){
                console.log(rt[count]);
                count++;
            }
        });
    });
  });

But I recommend you return a json and read it with the much more effective jquery ajax