Welche ID willst Du denn haben?
Grundsätzlich kannst Du Dich an das submit-Event hängen, das wird immer vom Formular ausgelöst und nicht vom Button o.a.
Über die Form kannst Du dann auf die Childs zugreifen.
Die CommentID möchte ich haben. In meinem Fall wäre das die 5.
<input type="hidden" class="comment_send_id" value="<?= $rowsafe['beichtid']; ?>">Wo soll ich denn das Submit-Event anhängen? An die Form?
hi,
Ich habe 5 Einträge und in jedem Eintrag kann man ein Kommentar abgeben.
Ich hab es so eingestellt das kein Button gibt sondern das man mit der ENTER Taste den Kommentar absendet.
So jetzt wollte ich die hidden-id herausfinden.
bsp:
<form id="form-<?= $rowsafe['beichtid']; ?>" class="formarea" method="POST">
<textarea id="send_comment" autocomplete="off" autocorrect="off" onkeypress="return enter(event);" placeholder="Kommentieren... (Mit Enter absenden)" data="<?= $rowsafe['beichtid']; ?>"></textarea>
<input type="hidden" class="comment_send_id" value="<?= $rowsafe['beichtid']; ?>">
</form>JS:
function enter(event) {
if(event.keyCode == 13) {
var value = $(this).find('.comment_send_id').attr('value');
alert(value);
$('.formarea')[0].reset();
return false;
}
}Ich hab das sonst über ein Button gemacht, und dann die ID herausgefunden. Da ich jetzt per ENTER den Button ersetzt habe , fällt mir keine Idee ein wie ich jetzt die ID herausfinde..
bedanke mich für jede Antwort & Hilfe.
lg
dann schreib doch overflow:auto da hin
Top danke dir^^
mit etwas googeln könnte ich dir das anbieten
https://codepen.io/basti1012/pen/pKJEwj
eine Lösung mit css wüßte ich jetzt nicht
Hi, danke für die Hilfe. Genau das Beispiel hab ich gebraucht. Leider kann man aber ab einen gewissen Punkt nicht mehr hochscrollen.
Tag,
kann man das irgendwie machen, dass sich die Textarea box sich automatisch bis 100px vergrößert sollte man ein Text schreiben, dass man auch den ganzen Text halt sieht. Sonst kennt man das ja z.b das overflow-y (scroll) angewendet wird und den obigen Text nicht mehr sehen kann wie im zweiten Teil meines Videos.
Video: Die erstel Stelle zeigt wie ich es gerne hätte, die zweite Stelle zeigt wie es zurzeit bei mir ist.
Code:
HTML:
<textarea id="send_comment" onPaste="" autocomplete="off" autocorrect="off" onkeypress="return enter(event);" placeholder="Kommentieren... (Mit Enter absenden)"></textarea>CSS:
main #send_comment {
display:block;
border:none;
border-bottom:1px solid #e5e5e5;
text-align:left;
resize:none;
height:25px;
max-height:100px;
margin:0;
padding:8px 0px 4px 2px;
width:100%;
}Alles anzeigenDeine Datenbank muss erweitert werden, im einfachsten Fall um eine Tabelle, bspw.: FriendshipMappings
id (int, auto_increment, primary_key) | userid (int) | userfriendid (int) | friendship_since (datetime)
Wenn jetzt User 1 mit User 5 befreundet ist sieht der Datensatz halt in etwa so aus:
1 | 1| 5| 2018-05-21 13:24
Das Mapping gilt in beide Richtungen, also wenn User 1 mit User 5 befreundet ist, ist User 5 natürlich auch mit User 1 befreundet.
Ich würde den User, der die Freundschaftsanfrage gestellt ha immer zuerst nennen, dann hast Du auch eine Auswertungsbasis darüber, wer die Freundschaft initiiert hat, ohne dafür extra noch Tabellen führen zu müssen.
Das ist aber nur ein grundsäzlicher, einfacher Ansatz. Es gibt dazu natürlich auch weitaus komplexere Lösungen, die Dir hier aber glaube ich nicht weiter helfen würden.
Danke erstmal für die Info 
Nur kleine Frage:
Wie soll das denn gehen das, wenn User 1 den User 5 folgt, dass gleichzeitig User 5 den User 1 folgt (bzw befreundet sind).
Bei mir ist es ja so: User 1 folgt User 5.
Dies wird so in die Datenbank eingetragen:
id | user_id | follow_id | date
1 | 1 | 5 | ...
(user_id) ist der Inviter bzw der den "Button" folgen jetzt geklickt hat und den jenigen Folgen möchte, und Follow_id ist da welche Person er folgt (sozusagen der Accepter).
Wenn User 5 jetzt User 1 folgt, dann sieht das halt andersrum aus.
id | user_id | follow_id | date
1 | 5 | 1 | ...
Deswegen verstehe ich nicht wieso jetzt wenn User 1 den User 5 folgt, dass User 5 automatisch mit User1 befreundet ist. bzw den auch sozusagen folgt.
Alles anzeigenStimmt. Hatte letztens überlegt das über die follower zu lösen.
Das macht ja aber keinen Sinn.
Jeder kann jemanden folgen (der gefolgte kann sich nicht wehren).
Aber eine Freundschaft muss bestätigt werden.
Also neue Tabelle.
Arnes Ansatz ist schön einfach.
Das einzigste, was mir noch einfällt wäre,
dass Du zwei Tabellen nutzt:
friend_request
friend
In friend_request speicherst Du Anfragen.
Ein Feld created_at gibt an, wann die Anfrage erstellt wurde.
Nach n Tagen läuft die request dann aus und der Eintrag wird gelöscht.
(Du brauchst dort eigtl kein Auto increment).
Wird die request angenommen, wird der Eintrag auch gelöscht.
Dann aber bekommt die Tabelle friends den gemeinsamen Eintrag.
Evtl reicht jetzt auch eine Zeile in friends:
user ID |user id | created_at
(Kann das nicht zu Ende denken. Bin mehr damit beschäftigt mit dem Tablet zu schreiben ;D
)
Hi danke auch für die Info,
wozu aber eine zweite Tabelle?
Ich hab doch bereits eine.
meine Tabelle sieht so aus , hab vergessen die Spalte "Process" mitzuschreiben.
id | user_id | follow_id | process | date
Process ist immer auf 1, sollte der User Privat sein ist process auf 0 und wird erst auf 1 gestellt, wenn der User es angenommen hat.
Ja, jetzt hast Du User und Follower. Woran machst Du jetzt fest, wer befreundet ist?!
Das ist ja das Problem wo ich nicht weiter komme.
Vllt müsste man iwas ergänzen in dem Code oder so
Dafür müsste man schon Deinen Datenbank Aufbau kennen
Tabelle User:
id | username | pw | name | nachname
Tabelle Follow:
id | user_id | follow_id | date
Wenn user_id (10) den User (1) folgt dann ist es so in meiner DB eingetragen.
user_id 10
follow_id 1
Hi,
ich brauche mal wirklich Hilfe mit meinem SQL Statement. Ich wollte User anzeigen, wo z.b steht der User hat von meiner Freundesliste 3 gemeinsame Freunde.
Kennt ihr bestimmt aus Facebook/Instagram, dass da steht:
Max Mustermann
3 gemeinsame Freunde
Wie finde ich die 3 gemeinsame freunde in einem SQL Statement heraus bzw wie sollte der SQL Code aussehen? Hab ganze zeit ausprobiert bekomme das aber nicht hin, hab eine richtige Blockade vor meinem Kopf. Komme einfach nicht weiter.
Hab halt 2 Tabellen.
1. User
2. Follow
[PHP]
<?php
$stmt = $pdo->prepare("SELECT * FROM user LIMIT 50;");
$stmt->execute();
while($row = $stmt->fetch()) :
$friends = $pdo->prepare("
SELECT
user.id,
user.username,
user.name,
user.nachname,
follow.id,
follow.user_id,
follow.follower,
follow.date
FROM follow
LEFT JOIN user
ON follow.follower = user.id
WHERE follow.user_id = :user;"); //
$friends->BindParam(':user', $_SESSION['id']);
$friends->BindParam(':folger', $row['id']);
$friends->execute();
endwhile;
?>
[/PHP]Das wäre z.b um alle meine Follower anzeigen zu lassen.
Aber müsste man nicht um gemeinsame Freunde anzeigen zu lassen iwie prüfen wo meine Freunde == seine freunde Abboniert hat oder so? Das macht mir richtig kopfschmerzen komme gar nicht mehr mit. Weiß eventuell einer einen Weg?
Tag,
ich lasse z.b 5 Kommentare anzeigen und unten ist halt noch ein button wo steht: Weitere Kommentare anzeigen. Sobald ich auf "Weitere Kommentare anzeigen" klicke, soll er per Append Kommentare zeigen. Hat jemand ne Ahnung wie das per Append funktioniert? Ich weiß halt wie man es ohne Append macht.
Bei mir sieht es z.b zurzeit so aus:
Kurz & knapp gezeigt jetzt:
HTML:
index.php
HTML
<form class="comment-form">
<button type="submit" class="show_comments first-comment-<?= $row['beichtid']" value="<?= $row['beichtid']">Kommentare anzeigen</button>
<p><input type="hidden" name="beicht-comment-id" value="<?= $row['beichtid']"></p>
<p><input type="hidden" name="counter counter-<?= $row['beichtid']" class="counter" value="5"></p>
</form>Javascript:
index.php
$('.comment-form').submit(function(e) {
e.preventDefault()
var btn = $(this).find('.show_comments')
var value = btn.val()
var btncounter = $(this).find('input[name="counter counter-'+value+'"]');
var counter = btncounter.val()
var nVal = parseInt(btncounter.val()) + 5;
btncounter.val(nVal);
$.ajax({
type: 'POST',
url: 'show_comments.php',
data: {newid: value, newcommentscount: counter},
success: function(data) {
$('.comment-list-'+value+'').css('display', 'block')
$('.btn-con-'+value+'').css('display', 'block')
$('.comment-list-'+value+'').html(data)
}
})comments.php
<?php
session_start();
$id = filter_var($_POST['newid'], FILTER_SANITIZE_NUMBER_INT);
$counter = filter_var($_POST['newcommentscount'], FILTER_SANITIZE_NUMBER_INT);
$stmt = $pdo->prepare("SELECT * FROM comments WHERE id = :id LIMIT $counter;");
$stmt->BindParam(':id', $id);
$stmt->execute());
while($row = $stmt->fetch()):
echo $row['comments'];
endwhile;
?>Guten Morgen,
selection : Wie ich sehe hast du das Attribut "method" vergessen. Wenn du die Methode nicht auf POST setzt ist diese automatisch GET und darum funktioniert der Jquery Code auch nicht. Denn da gibst du als Methode POST an.
Grüße,
Stef
Sobald ich " method="POST" " verwende, passiert immer noch dasselbe.
Ich vermute das wird nicht übertragen. Befindet sich der Button evtl. nicht in der <form>?
Kann man aber schwer was zu sagen, ohne das gesamte Formular zu sehen
Ja es befindet sich in der Form^^
<form id="bookmark-form">
<button type="button" name="delete_bookmark" onclick="document.getElementById('bookmark-info-<?= $rowsafe['beichtid']; ?>').style.display='block'" class="delete-bookmark"><i class="fas fa-bookmark"></i></button>
</form>Super hat geklappt. Weiß jemand noch zufällig warum kein "isset" funktioniert, wenn ich Ajax Post/Get verwende?
Er zeigt mir immer undefined delete_bookmark an.
HTML:
<button type="button" name="delete_bookmark" onclick="document.getElementById('bookmark-info-<?= $rowsafe['beichtid']; ?>').style.display='block'" class="delete-bookmark"><i class="fas fa-bookmark"></i></button>Javascript:
$('.bookmark-form').submit(function(event) {
event.preventDefault()
var btn = $(this).find('.delete-bookmark')
var value = btn.val()
$.ajax({
type: 'POST',
url: 'delete-bookmark-statistic.php',
data: $(this).serialize(),
success: function(data) {
$('#post-'+value+'').css('display', 'none')
$('.bookmark-content').css('display', 'none')
$('.new-content-'+value+'').css('display', 'none')
$('#output-bookmark-'+value+'').html(data)
}
})
})delete-bookmark-statistic.php
<?php
session_start();
include 'config/connect.php';
include 'function.php';
if(isset($_POST['delete_bookmark'])) {
$id = filter_var($_POST['bookmark-id'], FILTER_SANITIZE_NUMBER_INT);
if($dlt = $pdo->prepare("
DELETE FROM bookmarks_beichte WHERE bookmarks_beichte.user_id = :sid AND bookmarks_beichte.thema = :pid LIMIT 1;")) {
$dlt->BindParam(':sid', $_SESSION['id']);
$dlt->BindParam(':pid', $id);
if(!$dlt->execute()) {
print_r($dlt->errorInfo());
}
}
}
?>Hey,
Ich kann es grad nicht testen aber wie ich in dem Code sehe hast du die Semikolons vergessen (;).
Probiere mal dies bitte und melde dich nochmal.
Hat nichts mit den Semikolon zu tun^^ habs aber auch probiert funkt nicht
Tag,
wieso zeigt er mir den Value vom A-Tag nicht an? Er zeigt mir einfach ein leeres Feld an wenn ich Alert(value) schreibe.
HTML
<a href="#" value="<?php echo $rowsafe['beichtid']; ?>" class="like-b is_like"><i class="fas fa-heart"></i></a>Javascript:
$('.like-b').on('click', likebeichte)
function likebeichte(e) {
e.preventDefault()
var value = $(this).val()
alert(value)
}Alles anzeigenGenau, das geht beides. Das ist einfach nur eine Kurzform.
OK, habe das Problem entdeckt. Ist eigentlich logisch, muss man nur drauf kommen:
1. Deine Seite index.php mit dem Formular usw. wird geladen. Da die Request-Methode GET ist, wird durch deine eingebundene Datei einfach der Token erstellt und in der Session gespeichert. Anschließend erfolgt die Ausgabe des Tokens im Formular.
2. Du gibst etwas in dein Formular ein. Ein Ajax-Request wird abgesetzt, zusammen mit dem Token aus dem Formular.
3. Die Seite show_user wird im Hintergrund geladen. Da die Request-Methode diesmal POST ist und der Token aus der Session mit dem Token aus dem Formular übereinstimmt, sollte nichts passieren bzw. der User ganz normal angezeigt werden.
Dies geht aber nicht in Erfüllung, da das Setzen der Session außerhalb der if-Abfrage erfolgt. Es wird also immer ausgeführt. Folglich wurde nun der Token in Der Session geändert. Der User wird jedoch erstmal richtig ausgegeben.
4. Du gibst auf der Seite index.php wieder etwas in das Formular ein. Beachte: Die Seite wurde nicht neu geladen. Der Token im Formular ist immer noch der vom Anfang. Der Ajax-Request wird also gesendet, aber noch mit dem alten Token.
5. Wieder wird show_user.php im Hintergrund geladen. Das Ding: Der Token aus der Session stimmt nicht mit dem Token aus dem Formular überein. Die Folge ist dein angesprochener Fehler, dass ein ungültiger Token vermeldet wird.
Eine mögliche Lösung (inkl. kleinen allgemeinen Verbesserungen):
PHP<?php if (empty($_SESSION['csrf_token'])) { $_SESSION['csrf_token'] = bin2hex(random_bytes(16)); } else { if (empty($_POST['csrf_token']) || !hash_equals($_SESSION['csrf_token'], $_POST['csrf_token'])) { die('Invalid CSRF Token!'); } } } ?>Achtung: Code nicht getestet.
Ok super das Prinzip hab ich jetzt verstanden. Jedoch zeigt er mir immer Invalid CSRF Token an.
Hab 2 Varianten ausprobiert:
Connect.php
--SERVERDATEN
if (empty($_SESSION['csrf_token'])) {
$_SESSION['csrf_token'] = bin2hex(random_bytes(16));
} else {
if (empty($_POST['csrf_token']) || !hash_equals($_SESSION['csrf_token'], $_POST['csrf_token'])) {
die('Invalid CSRF Token!');
}
}
}Index.php
<form name="theform" id="suchform">
<p><input type="text" name="find_person" placeholder="Person Suchen" tabindex="1" class="search_btn"></p>
<p><input type="hidden" name="token" value="<?php echo $_SESSION['csrf_token']; ?>"></p>
</form>Mit dieser Variante komm ich nichtmal auf meine Seite der beendet sofort alles und sagt ungültiger Token.
Variante 2:
Connect.php
--SERVERDATEN
$_SESSION['csrf_token'] = bin2hex(random_bytes(16));show_user.php
<?php
session_start();
include 'config/connect.php';
include 'function.php';
if (empty($_SESSION['csrf_token'])) {
$_SESSION['csrf_token'] = bin2hex(random_bytes(16));
} else {
if (empty($_POST['csrf_token']) || !hash_equals($_SESSION['csrf_token'], $_POST['csrf_token'])) {
die('Invalid CSRF Token!');
}
}
$name = filter_var($_POST['find_person'], FILTER_SANITIZE_STRING);
$sql = "SELECT * FROM `user` WHERE `username` LIKE :name_like AND `accept_find` = 1 AND `id` != :id; ";
$stmt = $pdo->prepare($sql);
$params =
['name_like' => "%{$name}%",
'id' => "{$_SESSION["id"]}"
];
if(!$stmt->execute($params)) {
print_r($stmt->errorInfo());
}
?>
.....So zeigt er mir wie im video jedes mal ungültiger Token
connect.php
<?PHP
SERVERDATEN --
if($_SERVER['REQUEST_METHOD'] === 'POST') {
if(!isset($_POST['token']) || $_POST['token'] !== $_SESSION['token']) {
die("Ungültiger Token");
}
}
$_SESSION['token'] = bin2hex(openssl_random_pseudo_bytes(16));
?>index.php
<?php
session_start();
include 'config/connect.php';
?>
<section class="search">
<form name="theform" id="suchform">
<p><input type="text" name="find_person" placeholder="Person Suchen" tabindex="1" class="search_btn"></p>
<p><input type="hidden" name="token" value="<?php echo $_SESSION['token']; ?>"></p>
</form>
</section>
</article>
<div id="output">
</div>
<script>
$('#suchform').on('input', function(event) {
$.ajax({
type: 'POST',
url: 'show_user.php',
data: $(this).serialize(),
success: function(data) {
$('#output').html(data);
}
});
});
</script>show_user.php
<?php
session_start();
include 'config/connect.php';
include 'function.php';
$name = filter_var($_POST['find_person'], FILTER_SANITIZE_STRING);
$sql = "SELECT * FROM `user` WHERE `username` LIKE :name_like AND `accept_find` = 1 AND `id` != :id; ";
$stmt = $pdo->prepare($sql);
$params =
['name_like' => "%{$name}%",
'id' => "{$_SESSION["id"]}"
];
if(!$stmt->execute($params)) {
print_r($stmt->errorInfo());
}
?>
<article id="main-box">
<?php while($row = $stmt->fetch()) { ?>
<article id="box">
<?php if($countpromis > 0) { ?> <img src="<?php echo $promis['img_user']; ?>" alt=""> <?php } ?>
<?php if($countpromis == 0) { ?>
<img src="img/wh.jpg" width="32" height="32">
<?php } ?>
<p class="img"><img src="<?php if($row['image'] != '') { echo $row['image']; } else { echo 'img/no.png'; } ?>"></img></p>
<section class="user_and_job">
<p class="username"><?php echo htmlspecialchars($row['name'], ENT_QUOTES, 'UTF-8') . ' ' . htmlspecialchars($row['nachname'], ENT_QUOTES, 'UTF-8'); ?> <?php if($cert_count > 0) { ?> <img class="cert" alt="certificate" height="24" width="24" src="img/interface_two.png"> <?php } ?>
<br>
<a href="user.php?u=<?php echo $row['id']; ?>">
<small class="small-name">@<?php echo htmlspecialchars($row['username'], ENT_QUOTES, 'UTF-8'); ?>
</small>
</a>
<small class="text-fan">
<span class="number-<?= $row['id']; ?>"><?php echo $count_my_fans; ?></span> <span> Fans</span>
</small>
</p>
<p class="padding_job">
<?php if($folge_user > 0) { ?>
<?php if($countprivate > 0 && $row['private'] == '1' || $countprivate2 === 0 && $row['private'] == '1') { ?>
<a href="like.php?type=do_not_follow_anymore&id=<?php echo htmlspecialchars($row['id'], ENT_QUOTES, 'UTF-8'); ?>" name="follow" class="follow_me_private is_antrag">Anfrage löschen</a>
<?php } else { ?>
<a href="like.php?type=do_not_follow_anymore&id=<?php echo htmlspecialchars($row['id'], ENT_QUOTES, 'UTF-8'); ?>" name="follow" class="follow_me is_abo">Abboniert</a>
<?php } ?>
<?php } else { ?>
<?php if($countprivate > 0 && $row['private'] == '1' || $countprivate2 === 0 && $row['private'] == '1') { ?>
<a href="like.php?type=follow_by_private&id=<?php echo htmlspecialchars($row['id'], ENT_QUOTES, 'UTF-8'); ?>" name="follow" class="follow_me_private">Folgen</a>
<?php } else { ?>
<a href="like.php?type=folg_user_by_comment&id=<?php echo htmlspecialchars($row['id'], ENT_QUOTES, 'UTF-8'); ?>" name="follow" class="follow_me">Folgen</a>
<?php } ?>
<?php } ?>
</p>
</section>Ich habe jetzt paar Funktionen weggelassen weil sonst alles zu lang und übersichtlich wäre. Sind ja auch egal, es geht ja auch eig nur um den obigen SQL Code denk ich mal. Danke für die Hilfe möchte dir jetzt nicht große Umstände machen
Was genau ist Dir neu dabei? Ein Ajax-Request ist nichts anderes, wie ein "normaler" Request, nur dass er asynchron läuft, also im Hintergrund. Ein HTTP-Request bleibt es dennoch immer.
Hab das dann falsch verstanden sorry.
Aber was ist denn jetzt in meinem Skript falsch ? bzw wie sollte es aussehen dass er den Token jedes mal "übernimmt"
<script>
$('#suchform').on('input', function(event) {
$.ajax({
type: 'POST',
url: 'show_user.php',
data: $(this).serialize(),
success: function(data) {
$('#output').html(data);
}
});
});
</script>OK, aber warum mit JS?
Weil es ja mit PHP nicht klappt bei mir, da steht ja immer ungültiger Token.
Über Ajax wird die Session gehalten, bzw. bleibt diese bekannt.
Das Vorhaben wird i.d.R. eigentlich alternativ zu Ajax mit einem lokalen JS-Array umgesetzt.
Bei der Variante wird halt in dem Array nach Treffern gesucht.
Die Ajax-Variante ist natürlich aber auch möglich. Man muss dann nur bedenken, dass für jede Treffersuche ein HTTP Request durchgeführt wird.
Aber ein session_start() in der Ziel-PHP-Datei des Ajax-Request erkennt die Session und verfügt damit auch über alle darin enthaltenen Werte.
Ich habe in der Ziel-PHP Datei "session_start();" angewendet. Aber das mit dem HTTP-Request ist mir jetzt neu.
selection Erklär bitte mal genauer, was du vorhast. Sehe aktuell noch nicht wirklich den Sinn hinter deinem Vorhaben.
https://www.php-einfach.de/experte/php-si…t-forgery-csrf/
Dieses Verfahren in Javascript. Soll halt ein CSRF Schutz sein sobald man das POST-Verfahren anwendet. (Oder halt das GET verfahren)
Ich könnte es so wie Basti es beschrieben hat machen, problem seht ihr aber dann hier im Video:
Zu meinem Skript im Video:
Bei jedem eingegebenen Buchstaben zeigt er mir alle User an mit den folgenden Suchbegriff den ich eintippe.
Wenn ich jetzt ein Buchstabe eingebe erscheint ja das Post-Verfahren. Sollte ich jedoch einen weiteren Buchstaben eingeben steht da ungültiger Token. Wenn ich es z.b wie oben mache mit einem INSERT, dann passiert das gleiche.
token.php
if($_SERVER['REQUEST_METHOD'] === 'POST') {
if(!isset($_POST['token']) || $_POST['token'] !== $_SESSION['token']) {
die("Ungültiger Token");
}
}
$_SESSION['token'] = bin2hex(openssl_random_pseudo_bytes(16));Data.php
<?php
$stmt = $pdo->prepare("INSERT INTO user (name) VALUES (:name);");
$stmt->BindParam(':name', $_POST['name']);
if(!$stmt->execute()) {
print_r($stmt->errorInfo());
} else {
echo 'Name hinzugefügt';
}
?>Index.php
include 'token.php';
<div id="output">
</div>
<form id="data-form">
<p><input type="text" name="name"></p>
<p><input type="hidden" name="token" value="<?php echo $_SESSION['token']; ?>"></p>
<p><button type="submit" id="send"></p>
</form>
<script>
$('#data-form').submit(function(event) {
event.preventDefault()
$.ajax({
type: 'POST',
url: 'data.php',
data: $(this).serialize(),
success: function(data) {
$('#output').html(data)
}
})
})
</script>