Ajax调用在keyup函数中不起作用



当我把alert放在ajax调用之前时,alert显示,但没有显示在ajax调用内部,它甚至没有进入ajax调用内部——为什么它是php文件,我使用xxamp。

<div class="col-sm-12 pb-3">

<text区域。name=";在";id=";文本";type=";文本";cols=";30〃;rows=";2〃;class=";形式控制";占位符=";写一条消息"gt;

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script>
document.querySelector("#scroll_msg").scrollTop = document.querySelector("#scroll_msg").scrollHeight;
</script>


$(document).ready(function(){

$('#text'(.keyup(函数(e({

if(e.keyCode==13){   

var text=$('#text').val(); 
$.ajax({

type:'POST',
url:'insert_msg.php',
data:{text:text},

success:function(){ 
//alert('hello');
$('#scroll_msg').load('display_msg.php'); 
$('#text').val('');

} 

});



}

});

});

删除alert((,下面是工作代码。(显然,它在这里不起作用,因为这些端点对stackoverflow无效,但如果你在你的环境中尝试,它们应该起作用(

$(document).ready(function()
{
$('#text').keyup(function(e){
if(e.keyCode==13)
{    
console.log('Event keyUp on enter');
var text=$('#text').val(); 
$.ajax({

type:'POST',
url:'insert_msg.php',
data:{text:text},
success:function(){    alert('hello');
$('#scroll_msg').load('display_msg.php');
$('#text').val('');
} 
});
}   
});     
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<input type="text" id="text">

是的,我终于明白了——我的代码没有错——这是Jquery的精简版导致了这个问题,所以我用缩小版来代替它,它现在可以工作了,谢谢大家。

最新更新