Enviar mensagem usando o AJAX
Bom dia
Estou tentando enviar dados de uma textarea e gravar no banco via ajax.
Estou utilizando como referencia o tutorial do blog do William Bruno, peguei o código e adequei a minha necessidade,
o código esta inserido no banco perfeitamente, porem não esta limpando a textarea, coloquei mas algumas funções para
que na hora que o usuário teclasse o enter a mensagem seja envida sem precisar da ação do máuser, porem o ajax com estas
funções não esta funcionando ou seja não esta sendo inserido nada no banco.
Alguém pode me ajudar
<html>
<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta http-equiv="Content-Type" content="text/html"; charset= "ISO-8859-1">
<link rel="stylesheet" type="text/css" href="css/escreve.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#ajax_form').submit(function(){
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "processa.php",//envia os dados que vão ser inserido no banco
data: dados,
success: function( data )
{
return false;
}
});
return false;
});
});
function stopEvent(event) {
if (event.preventDefault) {
event.preventDefault();
event.stopPropagation();
}
else {
event.returnValue = false;
event.cancelBubble = true;
}
}
function areaEnvia(obj, evt) {
var e = evt || event;
var k = e.keyCode;
if(k == 13) { //verifica se teclou enter
if(!e.shiftKey) {
if(obj.form)
obj.form.submit();
stopEvent(e);
}
}
}
$(document).ready(function(){
$('#submit_form').click(function(){
$('#ajax_form').submit();
});
});
</script>
</head>
<body onLoad="document#ajax_form.fmensagem.focus();">
<div id="tudo">
<form method="post" action="" id="ajax_form" >
<input type="hidden" name="acao" value="I"/>
<input type="hidden" name="fnomecliente" value="<?php echo " $fnomecliente";?>">
<div id="txtarea"> <textarea placeholder ="Digite seu texto aqui." rows="2" name="fmensagem" cols="45" onkeydown="areaEnvia(this, event);"></textarea><p></p> </div>
<div id="enviar"><input id ="botton" type="submit" value="Enviar" name="B1" ></div>
</form>
</body>
</html>Discussão (13)
Carregando comentários...