例如我在我的模板中有这个:
{% for pins in data %}
<option type="text" value="{{pins.clandpin}}">{{pins.clandpin}}</option>
{% endfor %}
在我的view.py中:
def section_landpins(request):
if request.method == "GET":
section_id = request.GET['sectionid']
m = ButuanMaps.objects.filter(ssectionid=section_id)
data = serializers.serialize("json", m)
return HttpResponse(data, content_type='application/json')
如何使用AJAX在我的模板中使用view.py中的响应?
$(document).ready(function(){
$("#formsection").change(function() {
$('#forminput').empty();
$.ajax({
url : "/sectionpins",
type : "GET",
dataType: "json",
data : {
'sectionid' : $(this).val(),
'csrfmiddlewaretoken' : $("input[name=csrfmiddlewaretoken]").val()
},
success : function(data){
......
},
error: function (){
alert('error');
}
});
return false;
});
});
答案 0 :(得分:0)
如果将from渲染为这样的字符串,则可以直接将HTML放入表单中,
def section_landpins(request):
if request.method == "GET":
section_id = request.GET['sectionid']
pins = ButuanMaps.objects.filter(ssectionid=section_id)
html = render_to_string('pathToTemplate', {'pins ': pins })
return HttpResponse(html)
获取渲染的HTML并使用选择器将其放入您认为合适的位置。
$(document).ready(function(){
$("#formsection").change(function() {
$('#forminput').empty();
$.ajax({
url : "/sectionpins",
type : "GET",
dataType: "json",
data : {
'sectionid' : $(this).val(),
'csrfmiddlewaretoken' : $("input[name=csrfmiddlewaretoken]").val()
},
success : function(data){
$('form').html(data);
},
error: function (xhr, textStatus, thrownError){
alert("xhr status: " + xhr.statusText);
}
});
return false;
});
});
答案 1 :(得分:0)
您可以测试请求是否使用ajax
def section_landpins(request):
if request.method == "GET":
section_id = request.GET['sectionid']
m = ButuanMaps.objects.filter(ssectionid=section_id)
data = serializers.serialize("json", m)
if request.is_ajax():
return HttpResponse(data, content_type='application/json')
else:
rendre_to_response(........)