mui开发记录（八）仿qq聊天界面 图灵机器人接入

先上效果图  项目代码见https://download.csdn.net/download/gyx1549624673/11033440

一、页面实现

主要的html及js部分

//html处

			
			

				
			
			
			
			

				

					
					
				
				
				

					发送
				
			

		







//js处
$(function(){
		
					var htmll = "
小听知道很多民族乐器哦！来和我聊聊吧~
"
		
		
					$(".center").append(htmll);
				});
				$("#button").click(function(){
					var content = $("#sendContent").val();
					var center = $(".center");
					// alert(content);
					var htmlr = "
"+content+"
"
					center.append(htmlr);
					$("#sendContent").val("");

二、图灵机器人接入

主要的js

$.ajax({
						type:"post",
						url:"http://www.tuling123.com/openapi/api?key=d93d7645d9224b018feadff7269aa38f&info="+content,
						success:function(result){
							var obj = result;
							var tmp = ""+obj.text+""
							if (obj.url) {
								tmp+= ""+obj.text+""
							}
		
							var htmll = "
"+tmp+"
"
							center.append(htmll);
							center.scrollTop(center[0].scrollHeight);
						}
					});

 图灵机器人需要自己去申请，即可获得相应的apikey