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...

07.12.2022, 17:37

so sieht das ajax aus :

https://pastebin.com/xzGKs7wq

2 Antworten

Verelat777

07.12.2022, 17:48

Folgender JavaScript-Code führt eine Weiterleitung durch:

window.location.href = "https://beispiel.de/";

window.location.href beinhaltet die aktuell aufgerufene URL. Man braucht auch lediglich der Variable eine neue URL zuzuweisen.

Um also nach erfolgreich ausgeführter AJAX-Anfrage den Benutzer weiterzuleiten, schreibt man dies einfach in die entsprechende Funktion:

jQuery AJAX

$.ajax({
    url: "beispiel.txt",
    success: function(text) {
        console.log(text);
        window.location.href = "https://beispiel.de/";
    })
});

Fetch-API

fetch("beispiel.txt")
    .then(response => response.text())
    .then(text => {
        console.log(text);
        window.location.href = "https://beispiel.de/";
    });

XMLHttpRequest

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if(this.readyState == 4 && this.status == 200) {
        console.log(text);
        window.location.href = "https://beispiel.de/";
    }
};
xhr.open("GET", "beispiel.txt", true);
xhr.send();

Nachdem die Textdatei beispiel.txt geladen wurde, wird der Textinhalt mittels console.log() in der Konsole ausgegeben und der Benutzer wird automatisch zur Seite https://beispiel.de/ weitergeleitet.

In den genannten Beispielen habe ich den Code zur Fehlerbehebung der Einfachheit halber ausgelassen.

Woher ich das weiß:eigene Erfahrung

xXwilliXx2002

07.12.2022, 16:31

So Vielleicht:


$.ajax({
  url: 'your-url-here',
  success: function(response) {
    // redirect to new page
    window.location = 'http://www.example.com/new-page';
  }
});

TimMagFussball

Fragesteller

07.12.2022, 16:34

mein ajax sieht so aus : https://pastebin.com/qcGKVESE

Ähnliche Fragen

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?

...zur Frage

Ajax holt Daten, JQUERY erkennt ID nicht?

Hallo

Ich hoffe, dass Ihr mir auf die Sprünge helfen könnt.

Mittels Button wird per JQUERY Ajax aufgerufen. Von der Datenbank werden Bilder ausgegeben.

Nun habe ich vorher schon einige Funktion gebastelt, die mir erlauben das Bild zu bearbeiten, z.B. mittels keyUP die Positionen vom Bild zu verändern, Größe und Co.

Da es mehrere Bilder sind, wird in der PHP Datei eine For-schleife erstellt, wo die Inputs und Buttons mit classen (und Id->testzweck) versehen werden (echo-ausgabe).

Nun lassen sich weder die Buttons noch mit Inputs steuern, weder mit this bzw Klassen noch mit der Id.

Hat vielleicht jemand eine Idee woran es liegen könnte?

      $('#load_image').click( function (event) {
        event.preventDefault();
        $.ajax({
          type: 'POST',
          url: 'ajax/home.php',
          data: $(this).serialize(),
          success: function (title_image) {
            $('#title_image').html(title_image);
          }

        });
      });



<button id="load_image" type="submit" name="load_image" class="btn btn-primary start"> <span><i class="glyphicon glyphicon-picture"></i>Bilder Laden</span> </button>
        <div id="title_image" class="margin">
          <!-- DIVS vom PHP AJAX -->
        </div>

Ajax PHP datei

if (!$title->execute()) {
  echo "Fehler";
} else {
  $name = array();
  while ($data = $title->fetch()) {
    $name[] = $data['name'];
  }
$count = count($name);
  for ($i=0; $i < $count; $i++) {
    echo $name[$i];

/* DIVS */
    echo '    <input type="number" id="image_horizontal_edit1" value="" placeholder="Horizontal">';
    echo '    <input type="number" id="image_vertical_edit1" value="" placeholder="Vertical"><br><br>';
    echo '    <input type="number" id="image_zoom_edit1" value="" placeholder="Zoom"><br><br>';

...zur Frage

JavaScript AJAX sicher?

Hey Community, Habe momentan ein User Control Panel gemacht via PHP. Jetzt wollte ich mich ein bisschen weiterbilden und kam auf die Idee eine Single Page zu machen. Die Frage ist ob AJAX genauso (un)sicher ist wie PHP. Soweit ich das verstanden habe, via AJAX, gibt der User beim Formular ja loginname und pw an, dann übergebe ich die Daten an das JavaScript und er gibt dann via POST die Daten weiter an meine PHP Datei und via Echo kann ich auf das js antworten und dann entscheiden was damit gemacht wird.

Meine Frage: Wie sicher ist das? & kann der Nutzer das JavaScript einsehen, sowie den Quellcode?

...zur Frage

Wie kann ich ein Textfeld ausgeben, ohne die Seite neuladen zu lassen?

Hallo,

ich habe die letzten Tage damit verbracht, eine Wirtschaftssimulation mit PHP zu erstellen. Diese basiert auf anfangs wahren Zahlen, die sich in einer for-Schleife von Jahr zu Jahr zufällig abändern.

Soweit funktioniert alles. Es werden alle Daten über BIP, Inflation, Leitzinsen, Nachfragen in verschiedenen Bereichen und so weiter ausgegeben. Da das nach einigen 100-200 Schleifendurchläufen etwas unübersichtlich aussah, entschied ich mich, einen kleinen Chatbot zu bauen, der bei bestimmten Schlüsselwörtern die entsprechenden Daten zu dem Jahr ausspuckt. Soweit so gut.

Mein Problem ist, dass ich nicht weiß, wie ich die Schlüsselwörter aus dem Textfeld ausgeben lassen kann, ohne dass sich die Seite neulädt und sich somit die Daten verändern.

Ich dachte da zunächst an AJAX, doch da mein JavaScript etwas eingerostet ist, wollte ich nach Alternativen suchen. Hättet ihr Vorschläge oder könntet mir bei dem AJAX-Versuch helfen? Ich brauche nur die Infos aus dem Textfeld in eine PHP-Variable, ohne dass sich die Seite neulädt.

Danke im Voraus.

...zur Frage

Javascript Variable an PHP übergeben? AJAX

Hallo Leute,

Ich würde gerne Javascript Variablen an PHP übergeben.

Ich habe es bisher über die URL gemacht, aber das ist weit weniger elegant als ich es mir wünsche.

Nach einer Internet Recherche habe ich etwas gefunden von AJAX und das man damit in der Lage ist, eine JS Variable an PHP zu übergeben. Nur wie?

...zur Frage

Wieso versendet dieser PHP Code die Mail nicht?

Gestern ging es noch.....

Es kommt zwar die Meldung das die Mail verschickt wurde jedoch wurde sie nicht verschickt

<?php
if(isset($_POST['submit'])) {
  $to = $_POST['to'];
  $subject = $_POST['subject'];
  $message = $_POST['message'];
  $header = "From : <//email-adresse-vom-sender>";
  if(mail($to, $subject, $message, $header)) {
    echo "Email sent successfully";
  } else {
    echo "Email failled";
  }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div class="container">
  <div class="form_container">
    <h3>Send Email with PHP</h3>
    <form method="post">
      <p>
        <label for="to">To:</label>
        <input type="text" name="to" placeholder="To.."/>
      </p>
      <p>
        <label for="subject">Subject:</label>
        <input type="text" name="subject" placeholder="Subject.."/>
      </p>
      <p>
        <label for="name">Message:</label>
        <input type="text" name="message" placeholder="Message.."/>
      </p>
      <button name="submit" name='submit'>Send</button>
    </form>
    </div>
    </div>
  
</body>
</html>

...zur Frage

Wie kann ich eine JavaScript-Variable via AJAX an PHP übergeben?

Hallo liebe Community,

ich möchte in JavaScript einen Text anhand von Eingaben eines Users zusammenbauen, was auch reibungslos funktioniert.

Da ich noch nie zuvor wirklich mit PHP gearbeitet habe, da ich bisher keinen Server benötigt habe, weiß ich leider nicht genau, wie man mit AJAX einen String bzw. den Text an PHP übergibt, um es dann als E-Mail mit der mail-Funktion von PHP weiterzuleiten.

Bevor ich hier Antworten erhalte, ob ich nicht wüsste, was PHP ist: Doch dies weiß ich und möchte wirklich nur wissen, wie genau ich den AJAX-Request erstellen muss, um diese Variable an PHP zu versenden. Wenn dies geschehen ist, muss allerdings auch PHP darauf reagieren. Wie stelle ich das an?

...zur Frage

Probleme mit header-Weiterleitung unter PHP, aber nur bei Strato?

Hey zusammen,

neulich habe ich auf meinem Strato-Webspace etwas ausprobiert. Header sollen ja am Anfang des Dokuments ausgegeben und mit die(); oder exit(); beendet werden, schon ein echo kann die Weiterleitung via header("Location #"); sabotieren.

So weit, so gut - kennt man ja als Fortgeschrittener.

Allerdings kann ich auf meinem zweiten Webspace, dem selbstgehostetem, header an jeder beliebigen Stelle im Script setzen und dennoch funktionieren sie. Wie kann das sein??

In beiden Fällen ist PHP 5.9 installiert.

Funktioniert nur auf dem 2. Webspace:

<?php   
echo "Nur ein Beispiel... störendes echo";  
header("Location: data.php");  
?>

Wieso funktioniert dieser Code auf einmal, aber PHP bei Strato wehrt sich dagegen. Gibt's ne PHP-Einstellung, die das erlaubt?

...zur Frage

[jQuery AJAX] echo mit HTML Content von PHP Datei ausgeben?

Okay, die Frage ist evtl ein bisschen kompliziert. Deshalb beschreibe ich das anhand eines Beispiels. Zuerst meine Dateien:

PHP (submit.php)

<?php
 $mail = $_GET['mail']; if(filter_var($mail, FILTER_VALIDATE_EMAIL)) { echo "<div role=\"alert\">Ungültige E-Mail</div>"; } else { echo "<div role=\"alert\">Gültige E-Mail</div>"; }

?>

HTML (index.html)

<form id="myForm">
  <input type="email" name="mail" id="mail" placeholder="E-Mail Adresse"/>
  <input type="submit" name="check" id="check" value="Senden"/>
</form>
<script src="http://code.jquery.com/jquery-1.9.1.js"/> <script> $(function () { $('form').on('submit', function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'submit.php', data: $('form').serialize(),   success: function() {    //echo "Gültige E-Mail    } error: function() { //echo "Ungültige E-Mail" } }); }); }); </script>

Beschreibung:

Sobald das Formular abgesendet wurde, wird die E-Mail an die submit.php gesendet. In dieser wird überprüft, ob die E-Mail gültig ist und gibt dann das Ergebnis in Form von HTML-Code zurück.

Die Lösung mit alert will ich nicht. Es soll unterhalb der Form das Ergebnis stehen.

Wenn ich mit PHP

echo "<div role=\"alert\">Gültige E-Mail</div>";

ausgebe, dann steht das auch direkt in HTML dort (also nicht als PlainText).

Wie ist es also möglich, das Ergebnis der submit.php zu bekommen und in der index.html auszugeben?

Vielen Dank im Voraus!

...zur Frage

Warum ist $_POST hier leer?

Hi, arbeite gerade an nem Kontaktformular, welches mit JQuery und Ajax gesendet werden soll. Hier der Code:

let form = $(this);
let actionUrl = "assets/php/contact.php";

$.ajax({
    type: "POST",
    url: actionUrl,
    contentType: "application/json",
    data: form.serialize(),
    success: function (backendError) {
        console.log(backendError);
        errorHandler(backendError);
    },
    error: function () {
        console.log("failure");
        alert("Internal Error occured. Please try again later");
    }
});

hier der PHP Code zum senden:

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    try {
        $errors = array();
        $name = "";
        $email = "";
        $human = "";
        $message = "";

        if (empty($_POST["name"])) {
            $errors[] = "name";
        } else {
            $name = $_POST["name"];
        }

        if (empty($_POST["email"])) {
            $errors[] = "email";
        } else {
            $email = $_POST["email"];
        }

        if (empty($_POST["human"])) {
            $errors[] = "human";
        }

        if (empty($_POST["message"])) {
            $errors[] = "message";
        } else {
            $message = $_POST["message"];
        }

        if (count($errors) === 0) {
            $to = "my@email.de";
            $subject = "Kontaktformular - " . $name;
            $message = "";
            $additional_headers = array(
                "From" => $email,
                "Reply-To" => $email,
                "X-Mailer" => phpversion()
            );

            mail($to, $subject, $message, $additional_headers);
            $response["error"] = false;
            echo json_encode($response);
            exit;
        } else {
            $response["error"] = $errors;
            echo json_encode($response);
            exit;
        }
    } catch (Exception $exception) {
        // in Log File Time + Error + IP
        exit;
    }
}

mein Problem: das POST Array is leer. Habs mir mal ganz oben ausgeben lassen, und stand nix drin, obwohl jquery die inputfelder per POST an das PHP File sendet. Ich denke, dass ich irgendwas bei der $ajax methode falsch gemacht habe, und es deshalb net funktioniert. bin am verzweifeln :) danke für jede Hilfe!

...zur Frage

JavaScript Ajax?

Wo ist eigentlich der Sinn dabei wenn ich eine

index.html habe die so aussieht :

<!Doc...> <html><body>
<div>Startseite</div> 
<button>Click</button>
</body></html>

und eine kontakt.html die nur so aussieht :

<h1> Max Mustermann, Adresse,Telefonnummer usw </h1>

und beim klicken auf einen Button wird der Inhalt von der kontakt.html in meinen div von der Datei index.html "gerendert" mithilfe von AJAX

xhttp.open("GET", "kontakt.html", true);
xhttp.send();
zb (weiß ich grad nicht auswendig)....

sodass es am Ende so aussieht:

<div>

<h1> Max Mustermann, Adresse,Telefonnummer usw.</h1>

</div>

Wenn ich mir schon die Mühe mache eine kontakt.html zu erstellen, die mit daten zu befüllen dann könnte ich gleich document.querySelector benutzen und dann tauscht es halt den inhalt aus wenn ihr versteht was ich meine. Wär in 2 Sekunden gemacht und dann müsste ich nicht erst irgendeine Http anfrage machen.

In den meisten Tutorials auf Youtube wird halt leider sowas gelehrt und so kann man nicht verstehen was mir Ajax so richtig bringen soll.

Hat wer Sinnvolle Projekt Ideen die ich umsetzen könnte mit Ajax?

...zur Frage

Variable aus PHP in Weiterleitung bekommen

Hallo,

ich habe ein Script in PHP geschrieben was auch funktioniert, nun habe ich den Zielwert in einer Variable, das ist ein Link und auf den würde ich gerne weiterleiten. Wie kann ich das machen? Über eine Php -Weiterleitung (header (location)) geht es nicht, da vorher noch Text ist. Kann ich die Variable irgendwie über post oder get oder so an javascript oder meta Tag übertragen, damit ich weiterleiten kann? Vielleicht ein unsichtbares (html-)Formular was beim Laden der Seite abgeschickt wird oder so? Für eure Tipps währe ich dankbar. Falls ihr noch Infos braucht fragt einfach.

Viele Grüße

Basti

...zur Frage

Javascript checkbox auswerten und Werte summieren?

Hallo, ich kenne mich in Javascript eher weniger aus und habe mit PHP eine Tabelle erstellt in der Werte stehen (z.B. 20,00 [mit Komma]) und dahinter in jeder Zeile eine Checkbox mit name="ms[]" und value="jeweilige id".

Wenn ich jetzt die Häckchen in der Checkbox aktiviere, sollen die Werte aus den jeweiligen Zeilen aufsummiert werden und mir dann die Summe ausgegeben werden. Kann man sowas mit Javascript so einfach machen oder lieber mit PHP?

...zur Frage

PHP Variable in Javascript zusammenfügen?

Hallo,

wie kann ich in Javascript eine PHP Variable einfügen:

Beispiel:

$('#div').load('.<?php echo my_url; ?>'?name=test');

Das funktioniert leider nicht so, wie ich es versucht habe...

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen