[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!

4 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

apachy

08.11.2019, 10:21

Indem du das div, was du in dem submit.php anzeigst gleich renderst ohne textuellen Inhalt und dann in der success Methode des Ajax-Calls den innerText des Elements änderst. Dazu sollte das natürlich auch eine Id haben, damit du es ansprechen kannst.

Wenn nicht immer etwas ausgegeben werden soll und nur im Fehlerfall, dann kannst du natürlich auch das Element dynamisch erstellen via createElement. Ein leeres Element mit einem   hat dann aber den Vorteil, dass das Layout nicht umgebrochen wird bzw. die Meldung den vorhandenen Content nach unten schiebt.

Woher ich das weiß:Berufserfahrung – Softwareentwickler/Projektleiter seit 2012

Ollig00

Beitragsersteller

08.11.2019, 10:23

Hmm.. Okay. Könntest Du das anhand eines Codes zeigen?

MfG

apachy

08.11.2019, 10:40

@Ollig00

Indem du das div, was du in dem submit.php anzeigst gleich renderst ohne textuellen Inhalt

<form id="myForm">
  <input type="email" name="mail" id="mail" placeholder="E-Mail Adresse"/>
  <input type="submit" name="check" id="check" value="Senden"/>
</form>
<div role="alert" id="form-message">&nbsp;</div>

und dann in der success Methode des Ajax-Calls den innerText des Elements änderst.

success: function(data) {
  document.getElementById('form-message').innerText = data;
}

In der submit.php gibst du dann nicht mehr das div mit aus, sondern nur den gewünschten Text.

Alternativ kannst du das auch über HTTP Codes abbilden und dann ohne zurückgegebene Daten in der success oder error Funktion abbilden. Finde es aber so korrekter, da der Request ja funktioniert hat.

Ollig00

Beitragsersteller

08.11.2019, 11:16

@apachy

Hmm.. Sieht logisch aus. Ich versuche es mal und gebe bescheid, ob das geklappt hat.

Ollig00

Beitragsersteller

08.11.2019, 11:32

@apachy

Okay, eine andere Frage... Wenn ich das so wie Du geschrieben hast, mache, dann würde das standardmäßig auf meiner Seite so aussehen: https://prnt.sc/pu5p8w

Und nach dem Senden so: https://prnt.sc/pu5puq

Gibt es da die Möglichkeit, die Box erst dann sichtbar zu machen, nachdem der Text angezeigt wird?

Das Element wäre:

<div class="alert alert-warning" role="alert" id="warning-message">&nbsp;</div>

Btw. Deine Lösung funktioniert! :)

Ollig00

Beitragsersteller

08.11.2019, 11:55

@Ollig00

Okay. Ich habe eine Möglichkeit gefunden. Nun funktioniert alles.

Lösung:

  success: function (data) {                                   $("#warning-message").html("<div class='alert alert-success' role='alert'></div>");
   }

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

08.11.2019, 12:33

In dieser wird überprüft, ob die E-Mail gültig ist

Mach das doch mit

<input type=email ...>

Alex

Ollig00

Beitragsersteller

10.11.2019, 18:42

Hallo Alex,

danke für deine Antwort. Diese Lösung ist leider nicht das, was ich brauche. Klar, das wird dann seitens HTML überprüft, aber es gibt auch Entwickler, die die Page Source bearbeiten und aus type="email" ein type="text" machen. Deshalb soll das ganze per PHP überprüft werden, was dann der Anwender nicht ändern kann, weil das ja serverseitig ist.

Das eigentliche Problem war ja jQuery AJAX. Die Lösung ist in einem Kommentar unter dem Beitrag von apachy.

Trotzdem danke!

EinAlexander

11.11.2019, 09:29

@Ollig00

Klar, das wird dann seitens HTML überprüft, aber es gibt auch Entwickler, die die Page Source bearbeiten und aus type="email" ein type="text" machen.

Ja und? Diese "Entwickler", die vorsätzlich eine falsche Mail-Adresse eingegeben habe, wundern sich dann aber auch nicht, wenn sie keine Bestätigungs-Mail, keine Login-Daten, keinen Newsletter oder dgl. erhalten.

Ist aber okay, wenn Du dennoch daran festhältst.

Für andere Leser jedoch der Hinweis: Es ist stets ausgemachter Unsinn, eine eingegebene Mail-Adresse serverseitig (mit Rückgabe) syntaktisch zu validieren, da in diesem Fall mehrere unnötige Requests gesendet werden, was die ganze Anwednung unnötig verlangsamt. Wenn man überhaupt eine serverseitige Validierung einsetzt, dann nur so, dass diese nach dem Absenden des Formulares das gesamte ('ausgefüllte) Formular wieder aufruft. AJAX so aunzuwenden wie im o. g. Beispiel ist hier aber stets die falsche Lösung.

MonkeyKing

08.11.2019, 10:56

Ich würde das ganze ohne PHP machen. Du kannst die Email per JS evaluieren und das Formular nur dann abschicken, wenn die Felder gültig sind.

Woher ich das weiß:Berufserfahrung

Ollig00

08.11.2019, 10:24

Da der Code von der HTML Datei nicht so übersichtlich aussieht, hier das ganze via Hastebin: https://hastebin.com/owidabides.xml

Woher ich das weiß:Studium / Ausbildung – Fachinformatiker für Anwendungsentwicklung

Ähnliche Beiträge

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!

...zum Beitrag

Javascript Variable in PHP Variable speichern?

Liebe Community,

Ich habe in JS eine Variable welche ich in PHP benutzen will, um den Inhalt einer Datei zu verändern. Mein PHP Code sieht so aus:

<?php
if (isset($_GET["data"])) {
    $stuff = "<script>document.write(JSON.stringify(scripts));</script>";
    echo $stuff;
    $newfilecontent = $stuff;
    file_put_contents("scriptlist.js", "let scripts = " . $newfilecontent);
}
?>

Das echo funktioniert also es wird die Variable angezeigt, in die Datei wird allerdings nicht die JS Variable gepackt, sondern der Text <script>document.write(JSON.stringify(scripts));</script>

Wie kann ich das vermeiden sodass auch dort das gleiche wie beim echo eingefügt wird?

Viele Grüße Koner

...zum Beitrag

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>

...zum Beitrag

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>';

...zum Beitrag

SQL Injektion und Cross Site Scripting verhindern?

Wie würde ich das hier in sicher machen ?

Es ist der Php Code von einem Unsicheren Chat aber es geht mir um XSS oder SQL Injectons, nicht um Verschlüsselungen etc.

<?php
    $host = 'localhost';
    $user = 'root';
    $pw = '';
    $database = 'Chat';
$db = mysqli_connect($host, $user, $pw, $database);

if ($db) {
} else {
    exit("Error" . mysqli_connect_error());
}
if (isset($_GET['message']) && $_GET["message"] != "") {
    $username = "Alice";
    $message = $_GET['message'];
    $sql_insert = 'INSERT INTO messages SET
                  user = "' . $username . '",
                  message = "' . $message . '"';
    $sql = "SELECT * FROM messages";
    $res =  $db->query($sql);
    $insert = mysqli_query($db, $sql_insert);
    echo "Sucessfull";
}
else {
    echo '<script> alert("Bitte Trage etwas ein")';
}

...zum Beitrag

PHP: Warum wird Mail nicht gesendet?

PHP-Vers.=[5.6.40-0+deb8u1]


$headers    = [];
$headers[]  = "MIME-Version: 1.0";
$headers[]  = "Content-Type: text/html; charset=UTF-8";
$headers[]  = "From: example <info@example.com>";

$result = mb_send_mail( "info@example.com", "Test", "Hallo", implode("\r\n", $headers) );
if ( !$result ) {
  echo "Nicht gesendet<br>";
}

Statt example.com steht eine gültige Mail-Adresse

...zum Beitrag

Ich habe ein Login gebaut. Jenen sollen wir nun ausschließlich mit AJAX verbessern. (Wir dürfen dabei nicht sowas wie JQUERY verwenden. Das wissen fehlt uns aber dafür an meisten. Vielleicht kann jemand mir dabei helfen mein Login umzubauen und zu verstehen was ich mache.

Mein Login-Quelltext:

<?php
$pdo = new PDO('mysql:host=localhost;dbname=phptest', 'root', '');

if(isset($_GET['login'])) {
  $email = $_POST['Email'];
  $passwort = $_POST['Passwort'];

  $statement = $pdo->prepare("SELECT * FROM login WHERE Email = :Email");
  $result = $statement->execute(array('Email' => $email));
  $user = $statement->fetch();

  //Überprüfung des Passworts
  if ($user !== false && password_verify($passwort, $user['Passwort'])) {
    $_SESSION['userid'] = $user['ID'];
    die('Login erfolgreich. Weiter zu <a href="index.php?site=Startseite">internen Bereich</a>');
  } else {
    $errorMessage = "E-Mail oder Passwort war ungültig<br>";
  }

}
?>
<!DOCTYPE html>
<html>
<head>
  <title>Login</title>
</head>
<body>

<?php
if(isset($errorMessage)) {
  echo $errorMessage;
}
?>

<form action="Loginseite.php?login=1" method="post">
  E-Mail:<br>
  <input type="email" size="40" maxlength="250" name="Email" required><br><br>

  Dein Passwort:<br>
  <input type="password" size="40" maxlength="250" name="Passwort" required><br>

  <input type="submit" value="Login">
</form>
</body>
</html>

...zum Beitrag

Count abfrage mit PHP ausgeben?

Ich würde gerne in einer PHP Datei eine SQLi Abfrage machen und diese anschließend ausgeben. Das Problem ist das es sich bei der Abfrage nur um einen Wert handelt, denn ich würde gerne eine Count abfrage machen zum Zählen der Werte. Ich habe viele mögliche Variationen aus dem Internet benutzt aber nicht hat wirklich funktioniert, jetzt muss ich selber mal fragen. Also ich bekomme zwei Werte per URL übergeben und prüfe ob es die Werte wirklich gibt mit einer Count abfrage nur will er die nicht ausgeben. Wie mache ich das?

Meine momentane PHP Datei

<?php
$user = $_GET["benutzername"];
$school = $_GET["schule"];


echo $user;
echo $school;

//Datenbankverbindung aufbauen
$connection = getDBConnection();
 
function getDBConnection(){
  //Einstellungen der Datenbank
  $dbusername = 'root'; //Benutzername
  $dbpassword = ''; //Passwort
  $dburl='localhost'; //URL
  $dbname='androidapp'; //Datenbankname
 
 
  $fehler1 = "Fehler 1: Fehler beim aufbauen der Datenbankverbindung!";
    $link = mysqli_connect($dburl, $dbusername, $dbpassword,$dbname);
    if (!$link) {
        die('Verbindung schlug fehl: ' . mysqli_error());
    }
  
  /* check connection */
  if (mysqli_connect_errno()) {
       die($fehler1);
  }
  return $link;
}
$sqlStatement = "SELECT COUNT(*) AS anzahl FROM personen WHERE Schule=".$school."AND Benutzername=".$user;

$result = $mysqli->query($sqlStatement);

$row = $result->fetch_row();
?>

...zum Beitrag

Wie kann ich in PHP einen Zeilenumbruch mitten in einem Echo hinzufügen?

Beispiel:

$Label = ".2";

$beispiel = "Zeile 1 \n" . $Label . "Zeile 2";

echo $beispiel;

Ergebnis soll sein:

Zeile 1.2

Zeile 2

Aber da steht dann kein Absatz sondern es steht alles in einer Zeile.. Was muss ich tun?

Und ich kann das nicht direkt als Echo ausgeben, da das eine über dem HTML Code steht und das <?php echo $beispiel; ?> im Body.

...zum Beitrag

PHP aktuelle URL ausgeben?

Hallo,

ich möchte eine komplette URL ausgeben:

http://www.maxmustermann.de/app/test.php?test=wert

<?php 
$url = $_SERVER["PHP_SELF"];
echo '<a href='. $url . '>Link 1</a>';
?>

Die paar Codezeilen geben leider nur nur bis zur php Datei an:

http://www.maxmustermann.de/app/test.php

...zum Beitrag

Datei einzeln löschen (PHP)?

Wie kann ich es bei diesem Quelltext schaffen, dass man die Dateien einzeln löschen kann? Also mit einem Button neben jeder Ausgabe der Datei, wo dann diese Datei gelöscht wird.

Quelltext:

$liste .= "Dateien: "; 
$dir = opendir($upload."/cl/"); 
while($datei = readdir($dir)) 
{
 if (($datei != "..") and ($datei != ".") and ($datei != "index.php")) 
 { 
   $liste .= "<a href=\"https://eedi.at/$upload/cl/$datei\" title='$datei' target='_blank'> $datei"; 
  } 
} 
$liste .= "";
echo $liste;

...zum Beitrag

Warum funktioniert hier der Zeilenumbruch nicht?

<?php echo "<!DOCTYPE html>" ;?>

Marks erste Webseite.

</head>

<body>
    <h1>Hi</h1>
    <h2>Hi</h2>
    <h3>Hi</h3>
    <h4>Hi</h4>
    <h5>Hi</h5>
    <h6>Hi</h6>
    
    <?php
    
        echo "Mark,";
        echo "<strong> Mark,</strong>" . "\n";
        
        $zahl1 = 25;
        $zahl2 = 58;
        $ergebnis = $zahl1 * $zahl2;
        
        echo "Das Ergebnis lautet $ergebnis \n";
    
    ?>

</body>

Im mittleren Teil. Es ist php.

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

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?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen