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

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

附上：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);

      

    }

  }