在搜索框中键入关键字时发出Ajax Get请求
在搜索框中键入关键字时发出Ajax Get请求
提问于 2016-10-30 12:50:16
我正在尝试在我的Django应用程序中创建一个实时搜索框。一般的想法是，当在搜索字段中按下一个键时，它应该向我的服务器发送get请求，如果成功，数据应该附加到我的搜索结果p标记中。但是，由于某些原因，我附加了我的整个HTML内容。我只想附加在搜索框中发送的信息。
这就是我到目前为止所拥有的。
Html
<form method="get" action="{% url 'sell' %}" class="search_form center-block">
<!--{% csrf_token %}-->
<div class="input-group search_option">
<input type="text" id="searchBox" class="search_field form-control" name="q" placeholder="Search for...">
<span class="input-group-btn">
<input id="search" class="search_submit btn btn-default" onclick="myFunction()" type="submit" value="Search">
</span>
</div><!-- /input-group -->
</form>脚本
$(document).ready(function(){
$('.search_field').keyup(function(){
$.ajax({
url: "{% url 'sell' %}",
type: "GET",
cache: false,
data: { 'search_text' : $('.search_field').val() },
success: function(data){
$('#search-results').append(data);
}
});
});
});我相信数据是我试图从search_field输入中获取值的地方，但出于某种原因。这不管用。
提前感谢你的帮助
Stack Overflow用户
发布于 2016-10-30 13:20:27
$(document).ready(function(){
$('.search_field').keyup(function(event){
$.ajax({
url: "{% url 'sell' %}",
type: "GET",
cache: false,
data: { 'search_text' : event.target.value },
success: function(data){
$('#search-results').append(data);
}
});
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40326104
复制相关文章
相似问题
腾讯云开发者
