使用單個 AJAX 調用加載兩個 div

Question

我正在嘗試使用 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

Answer 1

只有第一個函數被調用的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");
                    }

              }); 
        });

Answer 2

您的第二個加載調用位於另一個從未被調用的函數中

$('#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>

Answer 3

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() 方法有什么區別