Ajax-Skript aktualisiert keine Informationen

Question

Ich versuche, ein Ajax-Skript zu machen, um automatisch die Menge an Spielgeld zu aktualisieren, das ein Nutzer auf meiner Seite hat, aber es funktioniert nicht. Ich bin nicht sehr gut mit Ajax, also habe ich definitiv etwas falsch gemacht, wenn mir jemand helfen könnte, würde ich es sehr schätzen.

Hier ist mein Code:

Javascript

<script type="text/javascript"> 
    (function($) { 
     $.ajaxSetup({ 
      cache: false, 
      beforeSend: function() { 
      $('#money').show(); 
      }, 
      complete: function() { 
      $('#money').show(); 
      }, 
      success: function() { 
      $('#money').show(); 
      }); 
     var $container = $("#money"); $container.load("challenges.php?money=<?php echo $_SESSION['Money'];?>"); 
     var refreshID = setInterval(function() { 
      $container.load("challenges.php?money=<?php echo $_SESSION['Money'];?>"); 
     }, 1000); 
     }); 
    })(jQuery); 
</script> 

PHP Teil

<?php 
    echo "<div id='money'>Balance: $".$_SESSION['Money']." ||</div> "; 
?> 

$_SESSION['Money'] ist gleich dem Nutzer viel Geld. Ich habe gesessen, seit Jahren herauszufinden, dass dies aus. Wenn Sie weitere Informationen benötigen, lassen Sie es mich wissen. Ich möchte dies tun, damit die Benutzer die Seite nicht aktualisieren müssen, um ihre Balance zu sehen. Ich habe versucht, ein Tutorial für einen Teil davon zu folgen, aber ich verlor mich und ich bin wirklich nicht gut mit Ajax. Jede Hilfe wird sehr geschätzt.

Answer 1

$.load() kann einen optionalen Rückruf Parameter nehmen, siehe http://api.jquery.com/load/

Sie wollen wahrscheinlich, dies zu tun:

(function($) { 
    var $container = $("#money"); 

    function do_load(){ 
     $container.load("challenges.php?money=<?php echo $_SESSION['Money'];?>", function(){ 
      // show the container when loading is complete 
      $container.show(); 
     }); 
    } 

    do_load(); 
    var refreshID = setInterval(do_load, 1000); 
})(jQuery); 

---

komplett neu geschrieben und unter der Voraussetzung PHP JSON zurück:

HTML:

Balance: <span id="money"></span> 

JS:

(function($) { 
    var $container = $("#money"); 

    function do_load(){ 
     $.ajax({ 
     method: "POST", 
     url: "challenges.php?money=<?php echo $_SESSION['Money'];?>", 
     }).done(function(data) { 
     // write the value of balance to the container 
     console.log("Server returned:", data); 
     $container.html(data); 
     }).error(function(jqXHR, textStatus, errorThrown){ 
      console.log("Server returned an error:", textStatus, errorThrown); 
      console.log("jqXHR:", jqXHR); 
     }); 
    }; 

    do_load(); 
    var refreshID = setInterval(function(){ 
     do_load(); 
    }, 1000); 

})(jQuery); 

PHP:

<?php 
    // @TODO: fill your session variable (from a file/database/...) 
    $_SESSION['Money'] = rand(0, 100000); 
    echo $_SESSION['Money']; 
?>