Ajax调用包含需要首先加载的数据

Question

我正在处理一个Ajax调用，通过该调用我正在从服务器获取数据，并希望在视图中使用响应。首先需要使用的数据是如何在其他所有内容之前首先加载的……没有人知道任何解决方案。

<script type="text/javascript">

  var data = {
          "page" : "0",
          "size" :"10"
       }
  var totalPages = 0;
 $(document).ready( function () {
    alert("Datatable Start");
    $.ajax({
     type: "POST",
     url: "/getcomp",
     data:data,
     contentType:'application/json',
     success: function (data) {
         totalPages = data.totalPages;
         handleData(totalPages);
         alert("Inside Success" +totalPages);
   }
 });
    // ajax call end here
    function handleData( responseData ) {

        // Do what you want with the data
        alert("in function callback"+ responseData);
    }
 });


 </script>

Answer 1

在您的ajax请求中使用async:false。即：

$.ajax({
     type: "POST",
     url: "/getcomp",
     data:data,
     contentType:'application/json',
     async:false,
     success: function (data) {
         totalPages = data.totalPages;
         handleData(totalPages);
         alert("Inside Success" +totalPages);
   }
 });