인스턴트 채팅 기능의 PHP jquery ajax 구현 example_php 기술

이 기사의 예에서는 PHP jquery ajax를 사용하여 인스턴트 채팅 기능을 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

jquery와 php를 사용한 간단한 채팅방 소스코드입니다. 여기서는 ajax를 사용하여 데이터베이스를 정기적으로 읽고 새로고침하는 예제 코드는 다음과 같습니다.

index.html 페이지는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

<스크립트> var 채팅 = {
초기화:함수(){
chat.first(); $('#chat_btn').unbind('클릭').click(function(){
chat.send()
})
$('#my_chat').keyup(function(){
If(event.keyCode == 13){
Chat.send()
}
});
},
첫 번째:함수(){
$.getJSON('data.php',{
작업:'첫 번째',
유형:'l'
},함수(데이터){
chat.btn_status._true()
$('#mwebtime').html(data.time)
$('#chat textarea').val(data.chat)
$('#chat textarea').stop(true,true).animate({scrollTop:9999}, 1); chat.socket()
})
},
보내기:함수(){
chat.btn_status._false()
$.getJSON('send.php',{
txt:$('#my_chat').val(),
유형:'l'
},함수(데이터){
If(data.status==200){
Chat.btn_status._false()
$('#my_chat').val('')
setTimeout(함수(){
Chat.btn_status._true()
},2000)
}
})
},
소켓:함수(){
$.getJSON('data.php',{
작업:'동안',
유형:'l'
},함수(데이터){
$('#mwebtime').html(data.time)
$('#chat textarea').val(data.chat)
$('#chat textarea').stop(true,true).animate({scrollTop:9999}, 1); chat.socket()
})
},
btn_status:{
_false:함수(){
$('#chat_btn').html('대기 중').attr('disabled',true)
},
_true:함수(){
$('#chat_btn').html('speak').attr('disabled',false)
}
}
}
chat.init()
스크립트>

말하기