用ajax写机器人聊天的案例

yeanling yeanling     2022-12-13     475

关键词:

HTML 中的文档

<body>
<h3>简单的Ajax实例</h3>
<div class="chatbox">
<!-- 聊天内容 -->
<div class="messages">
<div class="self">
<h5>我说</h5>
<p>你好</p>
</div>
<div class="other">
<h5>对方说</h5>
<p>你好</p>
</div>

</div>
<div class="form">
<div class="input">
<textarea></textarea>
</div>
<div class="btn">
<input type="button" value="发送" />
</div>
</div>
</div>

<script>
// 1. 给发送按钮添加点击事件, 点击时, 获取textarea的文本 value值
// 2. 动态创建我说部分, 动态创建 div, 类名 self, 并添加到聊天框中
// 3. 发送ajax请求到服务器, 服务器会返回一句话
// 4. 根据返回的话, 动态他说部分, 动态创建 div, 类名 other, 并添加到聊天框中

// 让滚动条, 滚动到显示这个盒子
// 盒子.scrollIntoView(); 让滚动条显示到盒子的位置

var btn = document.querySelector(‘.btn > input‘); // 发送按钮
var textarea = document.querySelector(‘.form textarea‘);
var messages = document.querySelector(‘.messages‘);

btn.onclick = function()
var value = textarea.value.trim(); // 获取值
textarea.value = ‘‘; // 清空内容
if (value === ‘‘)
return;

// 肯定是有值的
// 动态创建我说部分
var div = document.createElement(‘div‘);
messages.appendChild(div);
div.className = ‘self‘;
div.innerHTML = "<h5>我说</h5><p>" + value + "</p>";
div.scrollIntoView();

// 发送ajax请求, 要求使用post
var xhr = new XMLHttpRequest();
xhr.open(‘post‘, ‘12.php‘);
xhr.setRequestHeader(‘content-type‘, ‘application/x-www-form-urlencoded‘);
xhr.send(‘msg=‘ + value);

// 处理响应
xhr.onreadystatechange = function()
if (xhr.readyState === 4 && xhr.status === 200)
// 响应成功
var result = xhr.responseText; // 获取结果

// 动态创建他说部分
var div = document.createElement(‘div‘);
messages.appendChild(div);
div.className = ‘other‘;
div.innerHTML = ‘<h5>对方说</h5><p>‘ + result + ‘</p>‘;

div.scrollIntoView();




textarea.onkeyup = function(e)
if (e.keyCode === 13)
btn.onclick();
 

</script>
</body>
 
 
 
php中的文档
<?php
// 设置字符集
header(‘content-type: text/html; charset=utf-8;‘);

$arr = array(
‘爱过‘,
‘情不知所以‘,
‘你妹‘,
‘不约‘,
‘你怎么穿着品如的衣服‘,
‘晚上有空么‘
);

// 从数组中随机出来一个
// array_rand(数组名, 随机出来几个下标)
// $rand = array_rand($arr, 2);
// print_r($rand);

$rand = array_rand($arr, 1); // 随机的下标

// php里面, 延时响应
sleep(1);

echo $arr[$rand];
?>
 
 
这种可以设置一个简单的与机器人对话的过程,最基础的

如何用java写一个聊天机器人(代码片段)

...tis的映射文件Mybatis的mapper层mybatis的增删改查pojo层工具类机器人的Talk( 查看详情

用go语言实现一个简单的聊天机器人(代码片段)

一、介绍目的:使用Go语言写一个简单的聊天机器人,复习整合Go语言的语法和基础知识。软件环境:Go1.9,Goland2018.1.5。 二、回顾Go语言基本构成要素:标识符、关键字、字面量、分隔符、操作符。它们可以组成各种表达式... 查看详情

自己动手写个聊天机器人吧

...源于Sirajology的视频BuildaChatbot昨天写LSTM的时候提到了聊天机器人,今天放松一下,来看看chatrobot是如何实现的。前天和一个小伙伴聊,如果一个机器人知道在它通过图灵测试后可能会被限制,那它假装自己不能通过然后逃过一劫... 查看详情

如何让我的机器人在聊天中写欢迎消息?

】如何让我的机器人在聊天中写欢迎消息?【英文标题】:HowdoImakemybotwritheawelcomemessageinachat?【发布时间】:2021-07-3017:22:02【问题描述】:大家好,我正在尝试让我的机器人在特定聊天中扭动欢迎消息并使用此代码。但是什么也... 查看详情

用tensorflow做个聊天机器人

上一次提到了不错的学习聊天机器人的资源,不知道小伙伴们有没有去学习呢。自己动手做聊天机器人教程我最近每天都会学一点,拿出解读来和大家分享一下。本文结构:聊天机器人的架构简图用TensorFlow实现Chatbot的模型如何... 查看详情

自己动手开发智能聊天机器人完全指南(附完整源码)

一、前言本文是《自己动手开发智能聊天机器人完全指南(附完整源码)》的第二篇,也是21天实战人工智能系列《知识图谱完全项目案例剖析》里面的知识图谱应用的案例。前文中实现了一个最基本的人工智能聊天机器人,其... 查看详情

基于perfect用swift语言编写slack聊天机器人

基于Perfect用Swift语言编写Slack聊天机器人本项目是专门为Slack聊天机器人定制的模板服务器。完整的源代码下载在Githubhttps://github.com/PerfectServers/SlackBot在本项目模板中,一个聊天机器人可以加入授权频道,读取频道内所有用户发... 查看详情

用aiml开发人工智能聊天机器人

借助Python的AIML包,我们很容易实现人工智能聊天机器人。AIML指的是ArtificialIntelligenceMarkupLanguage(人工智能标记语言),它不过是简单的可XML(扩展标记语言)形式。本文的示例代码将带你初步领略如何借助Python创建属于你的人... 查看详情

用机器学习打造聊天机器人总结篇

本文是用机器学习打造聊天机器人系列的最后一篇啦,请耐心看完吧。本系列文章展示了一个聊天机器人的打造过程,现阶段更高级的聊天机器人会加入更多语料,更多意图模式,用更好的算法,以及其他更多的小技巧,比如:... 查看详情

python基于windows版微信做一个聊天机器人(代码片段)

...消息1、第三方库2、开启注入dll3、实时收发消息自动聊天机器人前言哈喽大家好!又到了学Python时刻~web版的微信有专门的实时收发消息api,可以用Python直接调用,但是现在基本上登录不了web版微信,所以就用不了... 查看详情

用机器学习打造聊天机器人接入篇

本文是用机器学习打造聊天机器人系列的第五篇,在特性介绍中提到过,我们采用非侵入式设计,通过几个简单的API就可以接入聊天机器人到其他项目中,下面来看看具体步骤。接入步骤提供符合要求的领域问答语料的txt文件,... 查看详情

javasocket编程--聊天小案例

  很久以前写过socket聊天室,都快忘完了,心血来潮又重新写一遍。服务器端:packagecom.fancy;importjava.io.BufferedReader;importjava.io.IOException;importjava.io.InputStream;importjava.io.InputStreamReader;importjava.io.OutputStream;imp 查看详情

题目:用python3实现微信聊天机器人(代码片段)

做微信聊天机器人,实现步骤:获取微信的使用权,即python脚本能控制微信收发信息。python脚本收到聊天信息后,要对该信息进行处理,返回机器人的回应信息。一二两步要用到wxpy库里的各种组件来收发信息&... 查看详情

当程序员的一个人无聊时,甚至用python开发出机器人看他们聊天

...员的一个人独孤的时候,甚至可以用Python开发出两个机器人看他们聊天当你无聊的时候,可能会刷一下手机看一下新闻,看看电视剧,发发呆。但是当程序员无聊起来的时候,甚至可以用Python开发两个机器人&#... 查看详情

分享一个无需注册,无次数限制的聊天机器人接口

  之前用过许多聊天机器人的接口,比如图灵机器人、小I机器人、小黄鸡机器人,然后使用这些接口总是被一些规矩限制着,要用就要注册账号,次数超过了限制便无法继续使用。  最近发现了一个好用的接口,无需账号... 查看详情

基于torch学汪峰写歌词聊天机器人图像着色/生成看图说话生成字幕

手把手教你基于torch玩转学汪峰写词、自动聊天机器人、图像着色、图像生成、看图说话、生成字幕作者:骁哲、李伟、小蔡、July。说明:本教程出自七月在线开发/市场团队、及七月在线5月深度学习班学员之手,有何问题欢... 查看详情

手把手创建一个聊天机器人(代码片段)

今天来写一个属于自己的聊天机器人。思路:当用户点击发送后,需要根据用户输入的内容,提交到服务器,然后由服务器根据你输入的内容,返回对应的结果,我们拿到结果展示到界面上当做机器人的回答即可。这里使用的接... 查看详情

tensorflow打造聊天机器人

Tensorflow聊天机器人聊天机器人也叫做对话系统,是一个热门领域。微软、facebook、苹果、google、微信、slack都在上面做了大的投入,这是一波新的试图改变人和服务交流的创业浪潮。例如operator x.ai,chatfuel,以及一些库例如botkit... 查看详情