如何根据后台接口实现搜索框的功能

本项目是基于mui实现的搜索框
搜索方式一：手机键盘输入后直接搜索
我们的html如下：

		<div class="searchkuang" id="searchkanban">
			<form name='loginForm'>
				<div class="mui-input-row mui-search searched">
					<input id="sousuo" name="types" type="search"   id="infosearchedvalue" class="mui-input-clear" placeholder="请按编号搜索">
				</div>	
			</form>
		</div>

js部分如下：
var wordKey = ‘’;//指后台所需参数
jiachadan(recordnumber, belongedto, state,wordKey);
var loginForm = document.forms[‘loginForm’],
user = loginForm.elements[‘types’];
user.oninput = function () {
wordKey = user.value
jiachadan(recordnumber, belongedto, state,wordKey);
}
第三步：经过以上步骤已成功获取到用户键盘输入的字并用参数代替，然后传进后台接口中即可实现搜索功能。

搜索方式二：输入文本后