温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好,我们来看一下这个关键词查询这个功能,我们首先还是分析一下啊。我们去点这个查询这个按钮啊,给他绑定一个单击小函数。在这个单机显函数里边,我们要做的就是。呃,把用户在文本框里边输入的这个值给他拿到。诶,用户在文本框里边输入的值。获取关键词,哎,数据。然后拿到这个数据以后干嘛呢?我们只需要把window对象啊,点keyword啊,这个属性呢,给它更新一下就好了。哎,把它设置为一个新的关键词数据。
01:07
诶,再然后呢,我们去调一下我们这个战的配置这个方法。就行了,哎,搞定,哎,就这么简单。哎,所以说呢,我们前面分析过啊,它在背后,从后端来说呢,是同一套代码,只需要在前端呢,跟我们的哎,GS函数能给它接上就可以了。哎,我们把这个图呢,粘粘到我们这个笔记里面。下面我们看一下这个代码具体怎么写。首先呢。呃,去找到我们这个按钮,给它设置一个ID。我们给它起一个名字。叫search button,哎,搜索的意思。然后呢,这个文本框也给他设置一个ID,方便我们去拿到它里边的值啊,这个ID呢,是我们这个叫。Keyword input。
02:05
所以说下边呢,我们就是啊,给我们的查询按钮绑定,单击小函数。我们叫search button。复制一下。They click。哎,然后呢,呃,这里边儿。呃,第一步哈,就是说获取我们关键词的这个数据,从文本框里边获取啊,然后呢,获取到以后直接给window的那个属性赋值。Keyword。呃,文本框叫keyword input啊也是我们来复制一下。点260。哎,因为是文本框啊,所以说拿它的值呢,我们用的是这个VL啊Y这个函数。
03:06
哎,然后呢,再下一步,那么我们就是去调用一下我们分页的那个函数。来刷新一下页面。这个时候我们页面的主体和我们页面的导航栏啊,就都是这个重新生成的了。好了搞定,哎,然后下边我们刷新一下,看一下这个效果。你看这个关系词是吧,所我出来这些都是跟五有关系的,翻译也能够保持这个不变。
我来说两句