文書の準備ができてからAjax投稿が機能しない

Question

文書の準備が整った後にAjax呼び出しを行いたい。ここに私のコードは次のとおりです。

<script> 

     $(window).bind("load", function() { 
      getCategories(); 

     }); 
    </script> 

    <script> 
     function getCategories() { 
      $.ajax({ 
       type: "POST", 
       url: '@Url.Action("GetAllCategoryTest", "Category")', 
       dataType: "html", 
       contentType: "application/json", 
       async: false, 
       success: function (result) { 
        var categoryList = JSON.parse(result); 

        $.each(categoryList.result, function (i) { 
         $("#menuCategory").append('<li>' + categoryList.result[i].CategoryName + '</li>'); 


        }); 

       } 
      }); 
     } 
    </script> 

私のAjaxのポストはwindow.bindを使用せずに動作しますが、私は私の文書がロードされた後、私のAjaxのポストを実行する必要があります。

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script> 
 
    $(document).ready(function() { 
 
    getCategories(); 
 
    }); 
 

 
    function getCategories() { 
 
    $.ajax({ 
 
     type: "POST", 
 
     url: '@Url.Action("GetAllCategoryTest", "Category")', 
 
     dataType: "html", 
 
     contentType: "application/json", 
 
     async: false, 
 
     success: function(result) { 
 
     var categoryList = JSON.parse(result); 
 

 
     $.each(categoryList.result, function(i) { 
 
      $("#menuCategory").append('<li>' + categoryList.result[i].CategoryName + '</li>'); 
 

 

 
     }); 
 

 
     } 
 
    }); 
 
    } 
 
</script>