PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
发布时间：2020-12-12 22:11:09 所属栏目：PHP教程 来源：网络整理
导读：首先来看一下我已经实现的效果图： 消费者页面：（本篇随笔） （1）会显示店主的头像 （2）当前用户发送信息显示在右侧，接受的信息，显示在左侧 店主或客服页面：（下一篇随笔） （1）在左侧有一个列表 ，会显示所有与店主对话的顾客；该列表可以移动；有新
|
首先来看一下我已经实现的效果图： 消费者页面：（本篇随笔） （1）会显示店主的头像 （2）当前用户发送信息显示在右侧，接受的信息，显示在左侧
店主或客服页面：（下一篇随笔） （1）在左侧有一个列表 ，会显示所有与店主对话的顾客；该列表可以移动；有新消息时会提示；也可以清空该聊天记录 （2）点击列表里的顾客进入右边的对话框界面，显示与该顾客的聊天信息
在实现功能之前，来说一下我用到的两张表：
解释一下：bkid在此处没有用到；isok列是用来判断消息是否已读，未读为0； 现在，来说一下步骤：（分前台和后台两部分） 在这篇随笔中我们首先来说一下前台页面是如何实现的：（李四登录）
用session存取一下lisi;便于后面从user表中取数据 1、布局页面代码以及读取数据代码： query($sql);
foreach($arr as $v)
{
echo "
亲爱的店主
个性签名：
//点击按钮发送
实现效果： 2、点击发送时的ajax代码：
$(".tc").click(function(){
$("#kuangjia").show();
})
$(".fasong").click(function(){
var nr=$("#words").val();
$.ajax({
url:"qt-speak-cl.php",data:{words:nr},type:"POST",dataType:"TEXT",success: function(data){
if(data==1)
{
window.location.href="qt-dh.php" rel="external nofollow" rel="external nofollow" ;
}
else{
alert("发送内容不能为空！");
}
}
})
})
$("#dh").click(function(){
$.ajax({
url:"qt-yidu-cl.php",success: function(data){
// alert(data);
window.location.href="qt-dh.php" rel="external nofollow" rel="external nofollow" ;
}
})
})
3、qt-speak-cl.php页面： query($sql,0);
如果发送内容为空，则会提示“发送内容不能为空！”
前台页面会随不同用户登录显示不同的信息；让王五登录看看：
以上所述是小编给大家介绍的PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)，希望对大家有所帮助。程序员遇到问题都会上（编程之家52php.cn）查找问题解答方法！如果觉得站点还不错，随手转发给程序员朋友一下！ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
