当用户按下提交按钮或按下回车键时,才会调用函数newMessage()
。问题在于,即使没有调用newMessage()
,AJAX脚本仍然会不断地调用。例如,如果我在input
字段上输入任何内容,甚至没有点击提交,该值也会被AJAX传递。
我似乎无法理解如何停止这一过程,希望得到帮助。谢谢。
<div class="message-input">
<div class="wrap">
<input type="text" name="msg" id="msg" placeholder="Write your message..." />
<i class="fa fa-paperclip attachment" aria-hidden="true"></i>
<input type="hidden" value="0" name="convo_id" id="convo_id" readonly/>
<button class="submit">
<i class="fa fa-paper-plane" aria-hidden="true"></i>
</button>
</div>
</div>
function newMessage() {
message = $(".message-input input").val();
if ($.trim(message) == '') {
return false;
}
var convo_id = document.getElementById("convo_id").value;
var msg = $('#msg').val();
$.ajax({
cache: false,
type: "POST",
url: 'send_chat.php',
data: ({
convo_id: convo_id,
msg: msg
}),
success: function(data) {
}
});
};
$('.submit').click(function() {
newMessage();
});
$(window).on('keydown', function(e) {
if (e.which == 13) {
newMessage();
return false;
}
});