jQuery从.txt文件重新加载php值

Question

I want to reload some data from .txt files.

The .txt files looks like this: 0;Player 1;10;Player 2;10;Player 3;0;Player 4;0;00:00:00;0;0

I tryed to reload the data "10" after Player 1 which had the PHP Value $s1s[2] .

Following Code does read the whole txt file (I know), but I am not familiar with Javascript and I need to get the output of this single Value instead of the whole txt file.

PHP:

$spielfile = "data/$v/source.txt";

Javascript:

$(document).ready(function() {
  setInterval(function() {
    var randomnumber=Math.floor(Math.random()*100)
    $("<?php echo "#staende_$v" ?>").load("<?php print $spielfile ?>");
  }, 1000);
});

Any suggestion how I can do this?

Answer 1

As Rory McCrossan mentions, you should be using an Ajax request returning data in JSON.

$(document).ready(function() {
  setInterval(function() {
    $.get(
      "yourscript.php",
      { "_": $.now() }, // disable response cache, multiple methods available.
      function(data) {
        data.forEach(function(player){
          $('<?= "#staende_$v" ?>').text("Player: " + player.id + " has data " + player.data);
        })
      }
    );
  }, 1000);
});

Your PHP should obviously load the text file, fetch the desired data and return in correct format:

<?php
  $content = file_get_contents('./source.txt');
  $content = explode(';', $content);

  // The array should look like this for the js to function:
  $data[] = [
    'id' => 1,
    'data' => $content[2]
  ];

  // You can append more data for other players as well, easy to loop through in JS.
  die(json_encode($data)); 
?>

There was also a little problem with browser cache, the second param in the $.get request would resolve that. You can do "<?= $spielfile ?>?time="+$.now() instead of using the second param.

Answer 2

you could search the string using a regex:

$(document).ready(function() {
  setInterval(function() {
    $.get(
      "<?= $spielfile ?>",
      { "_": $.now() }, // disable response cache, multiple methods available.
      function(data) {

        var val = data.replace(/.*;Player 1;([0-9]+).*/, '$1');
        $("#staende_<?= $v ?>").text(val);
      }
    );
  }, 1000);
});