例如百度搜索这种,输入文字后自动显示查询到的数据。比如我输入一个:1 ,他就自动保存到数据库,不需要我们其他操作。有没有这种方法?或者类似的方法?
思路其实很简单,前端只需要对你的输入框进行监听,但是要提醒下题主,监听输入框有输入后最好等待几秒钟在调用存库的动作,要不然你只输入了一个字就存库就有点太过于频繁了。
假设html标签文本区域textarea 对其进行存库,如下代码:
其中save_database函数是你自定义的ajax post 请求(去后端做存库处理)
name为content的textarea一旦被改变 就会触发 save_database()函数
$(function(){
//页面加载完毕后触发事件
$("textarea[name='content']").bind('input propertychange', function() {
var content = $("textarea[name='content']").value();
save_database();//监听输入框并存库
});
});
这个应该是没有的,需要通过后端语言来完成,比如java python php 等后端语言,编写API接口。
可以保存到后台的 你这样设计:
添加文本框的值改变实际按change,当值改变时触发该事件,然后获取输入的值,再通过Ajax吧值保存到数据库中
第一种长连接
第二种发生变化时定时发送数据
可以试试websocket
就只要判断用户输入时就调用接口就好了啊,防抖设置一个1s,用一个变量保存,并显示出来,每次重新输入1s未操作便又会重新请求,覆盖掉原来的变量,再次显示出来。
一、监听输入框值的变化,一旦值发生变化就通过数据交互(ajax,axios等)把数据发给后端储存
二、通过建立一个特别的通道,使用websocket,实现实时通讯,这都是需要后端支持的
有得,埋点存入数据库,写个接口