Hallo,
hier mein fertiges Ergebnis:
<div id="inline" style="display:none; width:500px;">
<div id="response"></div>
<form form method="post" action="" id="test">
<label for="ansprechpartner_anrede">Anrede</label>
<input type="text" name="ansprechpartner_anrede" id="ansprechpartner_anrede" value="">
<label for="ansprechpartner_name">Name</label>
<input type="text" name="ansprechpartner_name" id="ansprechpartner_name" value="">
<label for="ansprechpartner_telefon">Telefon</label>
<input type="text" name="ansprechpartner_telefon" id="ansprechpartner_telefon" value="">
<label for="ansprechpartner_email">E-Mail</label>
<input type="email" name="ansprechpartner_email" id="ansprechpartner_email" value="" >
<input type="hidden" name="code" value="<?php echo md5(uniqid()); ?>">
<button type="submit" id="eintragen">Save</button>
</form>
</div>
Mein Insert
$code = $_POST['code'];
$ansprechpartner_anrede = $_POST['ansprechpartner_anrede'];
$ansprechpartner_name = $_POST['ansprechpartner_name'];
$ansprechpartner_telefon = $_POST['ansprechpartner_telefon'];
$ansprechpartner_email = $_POST['ansprechpartner_email'];
if ($stmt = $mysqli->prepare("INSERT INTO test_tabelle (code, ansprechpartner_anrede, ansprechpartner_name, ansprechpartner_telefon, ansprechpartner_email)
VALUES (?, ?, ?, ?, ?)")) {
$code = $_POST['code'];
$ansprechpartner_anrede = $_POST["ansprechpartner_anrede"];
$ansprechpartner_name = $_POST["ansprechpartner_name"];
$ansprechpartner_telefon = $_POST["ansprechpartner_telefon"];
$ansprechpartner_email = $_POST["ansprechpartner_email"];
$stmt->bind_param("sssss", $code, $ansprechpartner_anrede, $ansprechpartner_name, $ansprechpartner_telefon, $ansprechpartner_email);
$stmt->execute();
echo json_encode($_POST);
}
else {
echo $mysqli -> error;
}
Mein JS Code
$( "#test" ).submit(function( event ) {
event.preventDefault();
var send = $("#test").serialize();
$.ajax({
type: "POST",
url: "insert.php",
data: send,
dataType: 'json',
success: function(data) {
console.log(data);
$("#ansprechpartner option:last").after($('<option value="'+ data.code +'" selected>'+ data.ansprechpartner_name +'</option>'));
function clearInputs(data){
$("#test :input").each(function(){
$(this).val('');
});
};
clearInputs();
$.fancybox.close();
}
});
});