jqueryで未解決のデータを取得する

Question

ajax呼び出しを使用してデータを取得するための同期呼び出しを呼び出そうとしています。

var baseurl = _spPageContextInfo.webServerRelativeUrl; 
console.log(baseurl); 
var ItemCount = $.Deferred(); 

function tilesCount(tilename, count) 
{ 
    var url = baseurl + "/_api/web/lists/getByTitle('policies')/rootFolder/Folders?$expand=ListItemAllFields"; 
    count = 0; 

    $.ajax({ 
     url: url, 
     dataType: 'json', 
     success: function(data) { 
      $(data.value).each(function (i, folder) { 
       count = count + 1; 
      }); 
      console.log("Call 1: " + count) 
      ItemCount.resolve(count); 
      return count; 
     }, 
     error: function(error){ 
      console.log("Error: " + JSON.stringify(error)); 
      ItemCount.reject; 
     } 
    }); 
} 

$(document).ready(function() { 
    var count = tilesCount(""); 
    $.when(count).then(function(data){ 
     console.log("Call 2: " + data); 
    }); 
}); 

出力：
コール1：1
電話2：ここでは

は私のjqueryのコードで完璧に働い未定義

同期呼び出しが、私は未定義

としてデータを取得しています

Answer 1

ajaxは非同期であるため、return count;は空になります

var count = tilesCount(""); 

だから最善の解決策は、ちょうどあなたのアヤックスは、このコールバック関数の内部

function(count) { 
    $.when(count).then(function(data){ 
     console.log("Call 2: " + data); 
    }); 
} 

ので、ラップ

function tilesCount(tilename, count, callback) 

を終了するたびに呼び出すことができ、あなたのメソッド内でコールバック関数を渡すことです $(document).readyはこのようになり、コールバック内にパラメータ countを追加するだけです。

$(document).ready(function() { 
    tilesCount("", "", function(count) { 
     $.when(count).then(function(data){ 
      console.log("Call 2: " + data); 
     }); 
    }); 
}); 

あなたのjavascriptのコードは今

var baseurl = _spPageContextInfo.webServerRelativeUrl; 
console.log(baseurl); 
var ItemCount = $.Deferred(); 

function tilesCount(tilename, count, callback) 
{ 
    var url = baseurl + "/_api/web/lists/getByTitle('policies')/rootFolder/Folders?$expand=ListItemAllFields"; 
    count = 0; 

    $.ajax({ 
     url: url, 
     dataType: 'json', 
     success: function(data) { 
      $(data.value).each(function (i, folder) { 
       count = count + 1; 
      }); 
      console.log("Call 1: " + count) 
      ItemCount.resolve(count); 
      return callback(count); 
     }, 
     error: function(error){ 
      console.log("Error: " + JSON.stringify(error)); 
      ItemCount.reject; 
     } 
    }); 
} 

$(document).ready(function() { 
    tilesCount("", "", function(count) { 
     $.when(count).then(function(data){ 
      console.log("Call 2: " + data); 
     }); 
    }); 
});