[FRAGE] Daten per PHP abschicken - keine neue Seite laden!

[Chuky3000x]

Hey,

ich hoffe ich bin hier im richtigen Forum da ich glaube und gehört habe das sich mein Problem wahrscheinlich am besten mit Javascript lösen lässt.

Ich habe ein Formular das ich beim submit per POST zu einer PHP-Datei (speichern.php) sende um es auszuwerten und Daten in eine Datenbank zu schreiben.
Mein Problem ist jedoch das speichern.php geöffnet wird, das möchte ich aber nicht. Natürlich sollen die gesamten Daten an speichern.php übermittelt und somit
auch verarbeitet werden aber eine andere Seite soll nicht geladen werden.

Bisher habe ich das Problem so gelöst das ich in der speichern.php ganz oben folgenden Code eingetragen habe:

<meta http-equiv="refresh" content="0; URL=.../pages/index.php">

So gelangte ich wieder zurück auf die Formular-Seite, das finde ich jedoch etwas unschön. Gibt es da nicht eine bessere, schönere, effizientere Lösung?

Freue mich auf eure Hilfe.

Grüße
Chuky3000x

 

[mikdoe]

ich denke, dass ajax für dich die lösung sein könnte

 

[Chuky3000x]

Ja das hatte ich auch schon irgendwo gelesen. Leider weiß ich über Ajax gar nichts.
Könnte mir jemand erklären wie man das realisieren kann und erklären was genau passiert?

 

[mikdoe]

steht jQuery zur Verfügung?

 

[Dormilich]

Leider weiß ich über Ajax gar nichts.

https://de.wikipedia.org/wiki/Ajax_(Programmierung)

 

[Chuky3000x]

Ja, jQuery steht zur Verfügung.

Ich habe es mal mit ein paar Codeschnipseln versucht aber keinen Erfolg:

	$( "#button" ).submit(function() {
		var Name = $("person").val();
		
		$.ajax({
			type: "POST",
			url: "test.php",
			datatype: "text",
			data: test = Name,
			success: function(test) {
				alert("Klappt");
			}
		});
	});

In der test.php versuche ich die Variable per $_POST['test'] auszulesen.

 

[kkapsner]

Dein Schnipsel hat auch einen Syntaxfehler:

	$( "#button" ).submit(function() {
		var Name = $("person").val();
		
		$.ajax({
			type: "POST",
			url: "test.php",
			data: {test: Name},
			success: function(test) {
				alert("Klappt");
			}
		});
	});

 

[Chuky3000x]

Aber irgendwie führt er schon ein

$( "#button" ).submit(function() {
		alert("submit");
}

nicht aus :O

 

[kkapsner]

Was ist denn #button überhaupt?

Auch musst du das Absenden des Formulars noch unterbinden, wenn das wirklich ein submit-Event ist.

 

[Chuky3000x]

<form id="formP" name="formP" class="form-horizontal" role="form" method="post">
            <div class="form-group">
                <label class="control-label col-sm-2" for="person">
                Person:
                </label>
                    <input type="text" class="form-control" id="person" name="person" style="margin-top:3px;" required="" />
            </div>

            <div class="form-group">
                    <button type="submit" class="btn btn-default" name="create" id="create">Erstellen</button>
            </div>
        </form>


       <script>
	$( "#formP" ).submit(function() {
		alert("submit");
		
		var Person = $("person").val();
		
		$.ajax({
			type: "POST",
			url: "test.php",
			datatype: "text",
			data: {test: Person},
			success: function() {
				alert("Klappt");
			}
		});
	});
</script>