ある人から別の人にメッセージを送信するための簡単なフォームがあり、ページをリロードせずに、メソッド POST を使用して AJAX によってメッセージが送信されます。問題は、ユーザーがこのフィールドで [ENTER] を押すと、AJAX が機能せず、ページがリロードされることです。ユーザーが ENTER を押すと、ajax が正常に実行されるというフォームが表示されます。
私のドキュメントを参照してください: -Javascript:
function enviarMensagem()
{
var remetente = document.getElementById('remetente').value;
var destinatario = document.getElementById('destinatario').value;
var mensagem = document.getElementById("mensagem").value;
if(mensagem.length == 0 || mensagem.length > 128)
{
return;
}
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function()
{
if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
document.getElementById("mensagens").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("POST", "saida.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("remetente=" + remetente + "&destinatario=" + destinatario + "&mensagem=" + mensagem);
}
-HTML:
<form action="" >
<input type="hidden" id="remetente" name="remetente" value="Erick">
<input type="hidden" id="destinatario" name="destinatario" value="Fernanda">
<input type="text" id="mensagem" /> <input type="button" value="Enviar" onclick="enviarMensagem();">
</form>
<div id="mensagens"></div>