聊天机器人,麻烦大家关注一下呀,回关

聊天机器人,麻烦大家关注一下呀,回关,第1张

1.js部分
$(function () {
  // 初始化右侧滚动条
  // 这个方法定义在scroll.js中
  resetui()
  //为发送按钮绑定点击事件
  $('#btnSend').on('click', function () {
    if ($('#serch').val().trim().length <= 0) {
      // console.log($('#serch').val());
      return $('#serch').val('');
    }
    //如果用户输入聊天内容,则将聊天内容追加到页面上显示
    $('#talk_list').append(` 
     ${$('#serch').val()}
   `);
    getMsg($('#serch').val())
    $('#serch').val('');
    //重设滚动条的位置
    resetui();

  })

  function getMsg(text) {
    $.ajax({
      type: 'GET',
      url: 'http://www.liulongbin.top:3006/api/robot',
      data: {
        spoken: text
      },
      success: function (res) {
        if (res.message === 'success') {
          var msg = res.data.info.text;
          console.log(msg);
          $('#talk_list').append(`
           ${msg}
        `)
          //重设滚动条的位置
          resetui();
          getvioce(msg)
        }
      }
    }
    )
  }

  function getvioce(text) {
    $.ajax({
      type: 'GET',
      url:'http://www.liulongbin.top:3006/api/synthesize',
      data: {
        text: text
      },
      success: function (res) {
        if (res.status === 200) {
          $('#vioce').attr('src', res.voiceUrl);
       
        }
      }
    })
  }
  $('#serch').on('keyup', (e)=>{
    if (e.keyCode === 13) {
      $('#btnSend').click();
    }
  })
}) 
2.骨架




  
  
  
  
  
  
  
  
  聊天机器人



  
    
    
      小思同学
      
    
    
    
      
        
           嗨,最近想我没有?
        
        
      
      
        
      
    
    
    
      
      
      
    
  
  
  
  
  


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1299046.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-10
下一篇2022-06-10

发表评论

登录后才能评论

评论列表(0条)

    保存