Using JQuery deferred objects with JSOM

Question

Hi,
I have written following query to execute a JSOM call using Jquery Deferred objects.
But It is not working. I am getting following error:
Uncaught TypeError: Cannot read property 'get_current' of undefined .  Can anyone help what is wrong here?
<script type="text/javascript">
ExecuteOrDelayUntilScriptLoaded(getrelatedProjects, "sp.js");
function getrelatedProjects() {
    var dfd = $.Deferred(function () {
       var clientcontext = new SP.ClientContext.get_current();
        var list = clientContext.get_web().get_lists().getByTitle("Roadmap");
        var camlQuery = new SP.CamlQuery();
        this.collListItem = list.getItems(camlQuery);
        clientContext.load(collListItem);
        context.executeQueryAsync(
           function () {
               var listItemCollection = list.getItems(camlQuery);
               dfd.resolve(listItemCollection);
           function () {
               dfd.reject(args.get_message());
    return dfd.promise();
getrelatedProjects().done(function (listColl) {
    var listItemEnumerator = listColl.getEnumerator();
    // do something with the list
    while (listItemEnumerator.moveNext()) {
        var oListItem = listItemEnumerator.get_current();
        listItemInfo += '\nID: ' + oListItem.get_id() +
            '\nTitle: ' + oListItem.get_item('Title');
    alert(listItemInfo.toString());
</script>
       

Answer 1

I have been trying for help since one week on this issue. Here is my requirement. Can someone just help me modify this code. All I am looking for is to execute getStatus(project) synchronously.
// JavaScript source code
var roadmapList;
var collListItem;
var dashboardList;
var statusItem;
ExecuteOrDelayUntilScriptLoaded(loadRoadMap, "sp.js");
function loadRoadMap() {
    var currentCtx = SP.ClientContext.get_current();
    var currentWeb = currentCtx.get_web();
    this.roadmapList = currentWeb.get_lists().getByTitle('Roadmap');
    var camlQuery = new SP.CamlQuery();
    this.collListItem = roadmapList.getItems(camlQuery);
    currentCtx.load(collListItem);
    currentCtx.executeQueryAsync(
        Function.createDelegate(this, this.onQuerySucceeded),
        Function.createDelegate(this, this.onQueryFailed)
function onQuerySucceeded(sender, args) {
    var listItemInfo = '';
    var listItemEnumerator = collListItem.getEnumerator();
    while (listItemEnumerator.moveNext()) {
        //alert("Success");
        var oListItem = listItemEnumerator.get_current();
        var projectUrl = oListItem.get_item('ProjectURL').get_url();
        listItemInfo += '<tr><td>' + oListItem.get_item('Roadmap_x0020_Project')
+ '</td><td>' + getStatus(projectUrl) + '</td></tr>';
        $('#statusTable').append($(listItemInfo));
function onQueryFailed(sender, args) {
    alert('Request failed. ' + args.get_message() +
        '\n' + args.get_stackTrace());
function getStatus(project) {
    var crossSiteContext = new SP.ClientContext("http://myanothersite.com/it/");
    var crossSiteWeb = crossSiteContext.get_web();
    this.dashboardList = crossSiteWeb.get_lists().getByTitle('Dashboard');
    var projectQuery = new SP.CamlQuery();
    projectQuery.set_viewXml("<View><Query><Where><Eq><FieldRef
Name=\'Project\'/>" +
        "<Value Type=\'URL\'>" + project + "</Value></Eq></Where></Query>"
+
        "<RowLimit>1000</RowLimit></View>");
    this.statusItem = dashboardList.getItems(projectQuery);
    crossSiteContext.load(statusItem);
    crossSiteContext.executeQueryAsync(
        Function.createDelegate(this, this.onStatusQuerySucceeded),
        Function.createDelegate(this, this.onStatusQueryFailed)
function onStatusQuerySucceeded(sender, args) {
    var projectItemInfo = '';
    var projectItemEnumerator = statusItem.getEnumerator();
    while (projectItemEnumerator.moveNext()) {
        var curstatusItem = projectItemEnumerator.get_current();
        projectItemInfo += '\nID: ' + curstatusItem.get_id() +
            '\nStatus: ' + curstatusItem.get_item('Project_x0020_Status').Label;
function onStatusQueryFailed(sender, args) {
    alert('Request failed. ' + args.get_message() +
       '\n' + args.get_stackTrace());