从微信开发的时候，有了一个与人对话的机器人之后，就想在网页上实现一个简易的机器人对话聊天功能，经过最开始的技术瓶颈，慢慢慢慢学习，相应的知识，最终完成了一个具有与“机器人”简单聊天功能的模块，下面对使用的部分知识做一个总结，也算是做一个笔记把。代码有待进一步优化。

最终画面如下，请移步到，聊天·解闷：

附上：JavaScript与Ajax核心代码

function ChatSend(obj){
    var o = obj.ChatValue;
    if (o.value.length>0){
      var oStxt;
      da = new Date();
      var year = da.getFullYear();
      var month = da.getMonth()+1;
      var date = da.getDate();
      var hour = da.getHours();
      var minute = da.getMinutes();
      var second = da.getSeconds();
      var time;
      time=[year,month,date].join('/') +" " + [hour,minute,second].join(':');

      $("ChatContent").innerHTML = "<strong>我：</strong>"+time+"<br/>"+o.value+"<br/>" +"<br/>"+ $("ChatContent").innerHTML;
      oStxt=o.value;
      o.value='';

      var xhr = new XMLHttpRequest();
      var oRtxt;
      
      xhr.onreadystatechange = function() {
          if(this.readyState == 4) {
              oRtxt=this.responseText;

        da = new Date();
        var year = da.getFullYear();
        var month = da.getMonth()+1;
        var date = da.getDate();
        var hour = da.getHours();
        var minute = da.getMinutes();
        var second = da.getSeconds();
        var time;

        time=[year,month,date].join('/') +" " + [hour,minute,second].join(':');
        $("ChatContent").innerHTML = "<strong>机器人：</strong>"+time+"<br/>"+oRtxt+"<br/>"+"<br/>" + $("ChatContent").innerHTML;
        document.getElementsByTagName('textarea')[0].focus();
        }
      }

      xhr.open('get' , './talking.php?content='+oStxt , true);

      xhr.send(null);
      
    }
  }