[英]Load two divs with a single AJAX call
我正在尝试使用 load() 通过单击按钮加载两个 div #follow-x
和#follow-y
ajaxly。这是我在success
功能中尝试过的,但不起作用,但如果我可以删除一个函数,所以它只加载一个 div,但我希望它同时加载。提前致谢
$('#follow').click(function(){
$.ajax({
type: "POST",
url: "{% url 'follow_class' %}",
data: {'pk': '{{class.pk}}' , 'csrfmiddlewaretoken': '{{ csrf_token }}'},
dataType: "json",
success: function(){
$('#follow-x').load("{% url 'class_details' %} #follow-x");}
function(){
$('#follow-y').load("{% url 'class_details' %} #follow-y");}
});
});
</script>
不要介意标签{}
我正在使用 Django
只有第一个函数被调用的success
将两个语句放在一个函数中
$('#follow').click(function(){
$.ajax({
type: "POST",
url: "{% url 'follow_class' %}",
data: {'pk': '{{class.pk}}' , 'csrfmiddlewaretoken': '{{ csrf_token }}'},
dataType: "json",
success: function(){
$('#follow-x').load("{% url 'class_details' %} #follow-x");
$('#follow-y').load("{% url 'class_details' %} #follow-y");
}
});
});
您的第二个加载调用位于另一个从未被调用的函数中
$('#follow').click(function(){
$.ajax({
type: "POST",
url: "{% url 'follow_class' %}",
data: {'pk': '{{class.pk}}' , 'csrfmiddlewaretoken': '{{ csrf_token }}'},
dataType: "json",
success: function(){
$('#follow-x').load("{% url 'class_details' %} #follow-x");
$('#follow-y').load("{% url 'class_details' %} #follow-y");
}
});
});
</script>
Success 是传递给 AJAX 的对象的属性。 在您的代码中,您尝试将其分配给包含follow-x
代码的函数,但是由于下一个违反 obj 结构的函数语句而产生语法错误。 尝试这个。
success: function(){
$('#follow-x').load("{% url 'class_details' %} #follow-x");
$('#follow-y').load("{% url 'class_details' %} #follow-y");
}
还可以考虑使用 done 回调而不是成功。 关于这里的更多信息, 成功和 $.ajax 的 .done() 方法有什么区别
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.