Jquery 无法使用';术语';在Django中(后端)
我无法在Django(后端)中使用Jquery 无法使用';术语';在Django中(后端),jquery,ajax,django,jquery-mobile,django-views,Jquery,Ajax,Django,Jquery Mobile,Django Views,我无法在Django(后端)中使用term捕获Ajax请求。我不确定term是否是执行此操作的正确参数。有人能告诉我哪里出了问题吗 下面是我在views.py中使用的Django代码 def get_names(request): q = request.GET.get('term', '') names = Names.objects.filter(names__startswith=q)[:10] results = [] if names.count >
term
捕获Ajax请求。我不确定term
是否是执行此操作的正确参数。有人能告诉我哪里出了问题吗
下面是我在views.py中使用的Django代码
def get_names(request):
q = request.GET.get('term', '')
names = Names.objects.filter(names__startswith=q)[:10]
results = []
if names.count > 0:
for name in names:
name_json = {}
name_json['id'] = name.id
name_json['label'] = name.name
name_json['value'] = name.name
results.append(name_json)
data = json.dumps(results)
else:
data = 'fail'
mimetype = 'application/json'
return HttpResponse(data, mimetype)
这是我的jQuery手机代码
$( document ).on( "pageinit", "#myPage", function() {
$( "#autocomplete" ).on( "listviewbeforefilter", function ( e, data ) {
var $ul = $( this ),
$input = $( data.input ),
value = $input.val(),
html = "";
$ul.html( "" );
if ( value && value.length > 2 ) {
$ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
$ul.listview( "refresh" );
$.ajax({
url: "/get_names/",
dataType: "json",
crossDomain: true,
data: {
q: $input.val()
}
})
.then( function ( response ) {
$.each( response, function ( i, val ) {
html += "<li>" + val + "</li>";
});
$ul.html( html );
$ul.listview( "refresh" );
$ul.trigger( "updatelayout");
});
}
});
});
$(document).on(“pageinit”,“myPage”,function(){
$(“#自动完成”)。关于(“listviewbeforefilter”,函数(e,数据){
var$ul=$(此),
$input=$(data.input),
value=$input.val(),
html=“”;
$ul.html(“”);
如果(value&&value.length>2){
$ul.html(“”);
$ul.列表视图(“刷新”);
$.ajax({
url:“/get\u names/”,
数据类型:“json”,
跨域:是的,
数据:{
q:$input.val()
}
})
.然后(功能(响应){
$。每个(响应、功能(i、val){
html+=“”+val+“ ”;
});
$ul.html(html);
$ul.列表视图(“刷新”);
$ul.trigger(“updatelayout”);
});
}
});
});
这是我的html代码
<div data-role="page" id="myPage">
<div data-role="content">
<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search House Id..." data-filter-theme="d"></ul>
</div><!-- /content -->
</div>
您在js中以“q”的形式发送数据,然后您尝试通过读取“term”来访问它
您应该更改此选项:
data: {
q: $input.val()
}
致:
我不知道这是否是唯一的问题,但这确实是一个好的起点 您在js中以“q”的形式发送数据,然后尝试通过读取“term”来访问它 您应该更改此选项:
data: {
q: $input.val()
}
致:
我不知道这是否是唯一的问题,但这确实是一个好的起点 谢谢,我认为它正在工作,需要解决我后端代码中的错误。谢谢,我认为它正在工作,需要解决我后端代码中的错误。