提案で検索したい場合は、jqueryオートコンプリート入力を使用して食料品を生成するビューをリンクすることができます。この単純なタスクにはrest-frameworkを使用する必要はありません。
htmlコード:
<script>
$(function() {
$("#your_input_id").autocomplete({
source: "{% url 'url_name' %}",
minLength: 2,
});
});
</script>
は、ビューを作成することができます:
import json # or simplejson
def get_grocery(request):
if request.is_ajax():
q = request.GET.get('term', '')
places = Grocery.objects.filter(grocery_name__icontains=q)
results = []
for pl in places:
place_json = {}
place_json['id'] = pl.id
place_json['label'] = pl.grocery_name
place_json['value'] = pl.grocery_name
results.append(place_json)
data = json.dumps(results)
else:
data = 'fail'
mimetype = 'application/json'
return HttpResponse(data, mimetype)
finaly URL:
url(r'^api/get_grocery/', views.get_grocery, name='url_name'),
はjqueryの
<!-- jQuery !-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
</script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
にインポートすることを忘れないでください答えはあなたの努力のため –