Mit AJAX ein HTML DIV ständig aktualisieren?

Hallo, ich würde gerne wissen, wie ich ein DIV Container mit AJAX alle 10 Sekunden aktualisieren kann.

2 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

23.03.2020, 14:12

Führe den AJAX Request sowie die Änderungen am div innerhalb eines setInterval-Aufrufs aus.

Destranix

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

23.03.2020, 14:14

Indem du eine entsprechende Javascript-Funktion alle 10 Sekunden aufrufst:

setInterval(function(){updateDiv();}, 10000);
function updateDiv(){
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function() {
      if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
         document.getElementById("test_id").innerHTML = (xmlHttp.readyState .responseXML;
      }
  }
  xmlHttp.open("GET", "https://RelodeSite", true); // true for asynchronous
  xmlHttp.send(null);
}

so inetwa. Möglicherweise musst du manches ändern, damit es funktioniert.

Ähnliche Beiträge

JavaScript: Ajax: Weiterleitung bei success?

ich habe ein normales HTML-form und ajax dahinter mit einer div wo text ausgegeben wird. bei Erfolg soll jetzt aber eine weiterleitung stattfinden, wie mach ich das ? einfach mit header in der php-datei geht ja nicht...

...zum Beitrag

html/css text dynamisch anpassen?

hallo,
Weis jemand wie man Texte dynamisch der Bildschirmgröße anpassen kann? So wie bei div-containern oder Grafiken.

...zum Beitrag

HTML - div verschwinden lassen nach Zeit?

Hallo,

ich habe eine einfache Webanwendung mit HTML, CSS und JavaScript programmiert. Mit CSS habe ich eine einfache Lade-Animation erstellt.

Diese Animation ist in einem .div -Container gespeichert.

Diese Animation soll nach 5 Sekunden automatisch verschwinden, da der Content meiner Webanwendung bis dahin richtig geladen hat und sonst der Bildschirm mit den verschiedenen Elementen überflutet wäre...

Durch Google bin ich leider nicht schlauer geworden.

Kann mir jemand den Code als Antwort auf diese Frage geben oder einen Link zum Code geben?

Danke im Voraus!

...zum Beitrag

Warum reagiert mein Div Container nicht auf die Click-Anweisung?

Hi mal wieder eine Frage.

Auf der HTML Seite werden mir die 2 Divs generiert, aber wenn ich dann drauf Klicke kommt kein alert.

Wieso kann das nicht erkannt werden?

...zum Beitrag

Wie lasse ich ein div ständig aktualisieren ohne die ganze Seite neu zu laden?

Ich habe ein Problem mit meiner Website ich will ein div Container ständig aktualisieren lassen. In dem div steht das php Script für mein Chat.

Es würde mir helfen wenn ihr das an einem einfach Beispiel darstellen könntet z.B Mit einem php timestamp der immer die aktuelle Zeit anzeigt,OHNE die ganze Seite neu zu laden.

...zum Beitrag

Javascript Ajax Php kein Wert?

Console:

HTML javascript Code ajax:

function send(text){
   console.log("Text kurz vor versenden:\n" +text);
//hier hat er noch einen wert
   $.ajax({
     method: "POST",
     url: "DataSender.php",
     data: { text: text}
   }).done(function( response ) {
       console.log(response);
     console.log("weiterleitung

Php Code Ajax Übertragung wo es nicht geht:

      $text = $_POST['text'];
      $sql = "INSERT INTO `Xss-Data` (`ID`,`DATA`, `created_at`) VALUES (null, '{$text}' , CURRENT_TIMESTAMP)";

      if (empty($text)) {
              //das ist empty!
              echo("Error:\nEs ist leer\nText wäre\n$text");
          } else

Sind die wichtigen Code snippets

Der String hat keinen Wert. Warum? Wie löst man das?

...zum Beitrag

div aktualisieren javascript

hallo wie kann ich mit javascript einen div aktualisieren in diesem code... <html>

<head>
</head>
<body>
<div id="aktualisieren">
<?php
$datum = date("j.n.Y");
$tag = date ("w");
$tage = array(Sonntag, Montag, Dienstag, Mittwoch, Donnerstag, Freitag, Samstag);
$fertig = $tage[$tag];
$stunde = date ("G"); 
$minuten = date("i");
$sekunden = date("s");
echo ("Es ist ".$fertig." der ".$datum." , ".$stunde." Uhr, ".$minuten." Minuten und ".$sekunden." Sekunden !");
?>
</div>
</body>
</html>

...zum Beitrag

HTML CSS - DIV Container wie iframe nutzen

Ich hab mal eine Frage, gibt es in CSS und HTML eine Möglichkeit einen DIV Container wie einen iFrame zu nutzen und in diesen Container Content von einer anderen Webseite hineinzuladen?

...zum Beitrag

AJAX: Wie kann ich den Inhalt der textarea verändern?

Hallo,

ich habe eine textarea, in der man Text eingibt. Per AJAX wird dieses Feld dann verändert:

function function() {
  jQuery.ajax({
    url: "change.php",
    data: {
      "text": $("#text").val(),
    },
    type: "POST",
    success:function(data) {
      $("#text").val(data);
    },
    error:function() {
    }
  });
}

Doch das Problem ist, dass die komplette echo-Ausgabe vom PHP-Skript dann da drin steht.

Das Skript sieht etwa so aus:

<?php
  echo "<p>Dein neues input-Feld:</p>";
  echo '<textarea id="output">'.$NeueAusgabe.'</textare>';
  echo "<p>richtig ? </p>";
?>

Ich will aber nur den Inhalt der Variable dann darin austauschen und das hier noch zur textarea hinzufügen:

onClick="this.select();"

Wie geht das?

...zum Beitrag

java script html text verändern jede sekunde?

wie kann man mit javascript machen das in html jede sekunde oder jede zweite sekunde sich der text ändert

...zum Beitrag

Bild und Text in einem Div seperat verschieben (HTML und CSS)?

Ich habe in einem "DIV Container" ein Bild und einen Text und meine Frage ist: Wie kann ich beides separat verschieben?

Also zum Beispiel das Bild soll links sein und der Text rechts.

...zum Beitrag

Javascript/Ajax - Footer von Datei laden lassen?

Ich hab schon einiges an Code ausprobiert, selbst kann ich Javascript oder Ajax nicht besonders, komme aber zu keinen erfolgreichem Ergebnis, kann mir jemand dabei helfen?

Ich möchte lediglich den Footer über ein HTML-File in den Footer einfügen, ist auch nur Text.

WICHTIG: Der Footer soll nicht über den Buttonklick geladen werden, sondern mitsamt der Seite

...zum Beitrag

Was ist eigentlich das div genau in html?

Wenn ich zum Beispiel 4 div Container im Code habe, ist der erste div Container dann ganz oben und der letzte div Container ganz unten?

...zum Beitrag

Wie macht man eine HTML Webseite responsive?

Ich habe in einem div Container zwei div Container nebeneinander.

Wenn man die Webseite vom Handy aus öffnet, sollen die zwei div Container welche nebeneinander sind übereinander angezeigt werden, ansonsten sieht der Text echt schlecht aus, wie kriege ich das hin?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen