php-机器人聊天（3个版本）

1.超超超超级简易的聊天机器人，只会说“你好”
连接php之后，不管后端接收到啥信息只输出“你好”给前段，这样前段就可以发啥对面都会说“你好”。

–php部分

-html部分

    
第一版
    
    
    
聊天框
    


    

2.第二个版本的会说其他话啦。在php中人工创建一个数组，在里面放了常用的几句话，输出的使用array_rand，随机输出。
这次使用JQuery，代码简洁。借鉴一下不同的思路。
注意：①这也是不需要用到信息发送和接收查询哒，所以前段可以不发任何数据。
②在第一版的基础上，对聊天框布局优化了一下，有头像和聊天内容，分别用a和p标签包裹。
③创建聊天内容的方法也不同，第一版使用了创建元件、设置元素内容、插入元素，这里是预先写好一段对话，设为display ：none，在点击“发送”按钮之后，克隆预先写好的“我”的聊天，更改为当前输入的内容；在接收到后端返回的数据之后，也使用克隆预先写好的，更改内容。

—php

—html部分（使用了Jquery）

第二版在线机器人
    

        

            

                
                
雯宝宝
            
             
            

                
                
123
            
        
        

            
            发送
        
    
   

    

3.第三个版本使用了图灵机器人，我的哪里出现了问题，没有出现预期的效果。
注意：在第二版的基础上改动了一些。②xhr.open（）中接入的地址就是图灵机器人的地址，而不是之前的php地址，

—有改动部分

$(function(){
$('.sentBtn').click(function(){
// 创建自己的聊天框
// 每次都克隆初始的第一个
var $cloneSelf = $('.self').first().clone();
// 添加到容器中
$('.message').append($cloneSelf);
$cloneSelf.show();
// 获取输入框的内容，设置给克隆的 元素内部的p标签
$cloneSelf.find('p').html($('.inputBox').val());
                
// ajax请求部分
var xhr = new XMLHttpRequest();

// 接入图灵机器人的地址
xhr.open('post','header("Access-Control-Allow-Origin:http://openapi.tuling123.com/openapi/api/v2")');

// 在这里需要获取post请求头
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xhr.onload = function(){
var $cloneRobot = $('.robot').first().clone();
$('.message').append($cloneRobot);
$cloneRobot.find('p').html(xhr.responseText);
  }
// 在send中加入post的数据
xhr.send('key=244105773c424facb37c5b0866368958&info='+$('.inputBox').val())
            });
        });