<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<body>
<div style="margin-top: 300px;margin-left: 520px;">
<form action="{{url_for('api.Ajax_ajax_load_course')}}" method="get" style="margin: auto 0;">
请输入单词或课程名称：<br/>
<input type="text" id="search-text" name="q"><button type="button" id='search-button'>搜索</button>
<p><span id='search-result'></span></p>
</form>
</div>
<script src="{{url_for('static',filename='js/jquery.min.js')}}"></script>
<script>
$(document).ready(function(){
$("#search-text").keyup(function(){
var q = $("#search-text").val();
$.get("{{url_for('api.Ajax_ajax_load_course')}}",{'q':q}, function(data){
for (var i = data.length - 1; i >= 0; i--) {
$('#search-result').append(data[i]+'<br/>')
};
})
});
$('#search-text').keydown(function(){
$('#search-result').empty();
})
$('#search-text').blur(function(){
$('#search-result').empty();
})
});
</script>
</body>
</html>
smart search front sample
猜你喜欢
转载自scofield06.iteye.com/blog/2422859
今日推荐
周排行