El problema es que envío un formulario con AJAX en POST. Todo va bien en el PRIMER ENVIO, ahora si hago el segundo envío, se guarda el doble de si mismo, y al tercer envio, el triple de si mismo, y así sucesivamente. Entonces, podrían indicarme alguna forma de limpiar el POST o lo que sea que haya que limpiar para evitar este problema? Cuando hay más de una inserción, multiplica.... La verdad que estoy realmente confundido.
Codigo del archivo "polling.js" que activa la carga de la pagina "test.php" en donde se muestran cada una de las inserciones desde MySQL.
$(document).ready(function(){
$.ajaxSetup({ cache: false });
$('#message').load('test.php');
setInterval(function() {
$('#message').load('test.php');
}, 1000);
});
Codigo de la pagina principal - "test-inside.php"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title></title>
<script src="js/jq-1.11.3.js"></script>
<script src="js/bst.min.js"></script>
<script src="post-form.js"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/bst.min.css">
</head>
<body style="background:none;font-family:Trebuchet MS;">
<div class="container">
<div style="width:100%;height:300px;">
<h1 style="margin:0;padding:0;width:100%;text-align:center;">NuevaRed Development Testing</h1>
<form method="POST" id="form">
<table>
<tr>
<td>
<input type="text" class="form-control" style="border-radius:15px;" id="texto" name="texto" placeholder="Escribe tu mensaje" autocomplete="off" autofocus>
<button type="submit" onclick="quebueno();" class="form-control btn btn-primary" style="border-radius:15px;" name="send">Enviar</button>
</td>
</tr>
</table>
</form>
<div id="message" style="height:350px;overflow-y:scroll;padding:5px;margin:0;"></div>
</div>
</div>
<script src="polling.js"></script>
</body>
</html>
Codigo de inserción a MySQL - "sendmessage.php" la pagina que hace el proceso de guardar en MySQL y luego es mostrada en "test.php"
<?php
require 'conec.php';
if($link){
if(!empty($_POST['texto'])){
require 'class.php';
$inputText = $_POST['texto'];
$inputKey = "MaximaPuertaServiceReina17Milena";
$blockSize = 256;
$aes = new AES($inputText, $inputKey, $blockSize);
if($enc = $aes->encrypt()){
$sql=mysqli_query($link,"INSERT INTO testing(e,Location) VALUES ('$enc','Here')");
}else{
echo "Nope!";
}
}else{
echo "Escribe algo antes de enviar, plox.";
}
}
?>
Codigo "test.php" donde se muestra la data almacenada en MySQL.
<?php
require 'conec.php';
require 'class.php';
$inputKey = "MaximaPuertaServiceReina17Milena";
$blockSize = 256;
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="mensajes">
<?php
if($sql=mysqli_query($link,"SELECT * FROM testing ORDER BY id_test DESC")){
if(mysqli_num_rows($sql)>0){
while ($filas = mysqli_fetch_array($sql)) {
$us = $filas['e'];
$inputText = $us;
$aes = new AES($inputText, $inputKey, $blockSize);
if($enc = $aes->decrypt()){
if($filas['Location']=="Here"){
?>
<div class="s-pred" style="text-align:left;position:relative;width:75%;padding:5px 10px;">
<table>
<tr>
<td>
<h2 style="font-size:16px;text-align:left;margin:0;padding:0;"><?php echo $enc ?></h2>
</td>
</tr>
<tr>
<td>
<h2 style="margin:0;padding:0;font-size:12px;text-align:left;"><b><?php echo $filas['Location'] ?></b></h2>
</td>
</tr>
</table>
</div>
<?php
}elseif($filas['Location']=="There"){
?>
<div class="s-pred" style="text-align:right;width:75%;position:relative;left:25%;padding:5px 10px;">
<table>
<tr>
<td>
<h2 style="font-size:16px;text-align:right;margin:0;padding:0;"><?php echo $enc ?></h2>
</td>
</tr>
<tr>
<td>
<h2 style="margin:0;padding:0;font-size:12px;text-align:right;"><b><?php echo $filas['Location'] ?></b></h2>
</td>
</tr>
</table>
</div>
<?php
}
}
}
}else{
?>
<h4 style="width:100%;text-align:center;">No hay mensajes, ¿Dónde está la amistad? :v</h4>
<?php
}
}else{
echo "HEY!!";
}
?>
</div>
</body>
</html>
Código de "post-form.js" el cual es responsable de hacer el registro a MySQL.
function quebueno(){
$('#form').submit(function(e) {
e.preventDefault()//evitas hacer el submit
$.ajax({
type: 'POST',
url: 'sendmessage.php',
data: $('#form').serialize(),
success: function(data) {
console.log("Sended!");
}
});
});
}