jQuery - कॉलबैक काम नहीं कर रहा

आपके कोड में समस्या यह है कि $.getJSON एसिंक्रोनस है, जिसका अर्थ है कि जब आप इसे निष्पादित करते हैं, तो यह एक ऐसा ऑपरेशन शुरू कर रहा है जो कोड की अगली पंक्ति के चलने से पहले पूरा नहीं होगा। जब यह पूरा हो जाता है, तो आपके द्वारा .done को दिया गया कॉलबैक निष्पादित हो जाएगा, लेकिन उस समय में, आपका अधिकांश अन्य कोड पहले ही चल चुका होगा। इसका मतलब यह है कि जब आप hasEvents को कॉल करते हैं, तो आप msg से undefined को इनिशियलाइज़ कर रहे हैं, फिर getEvents को एक कॉलबैक पास कर रहे हैं, जिसे आपकी अजाक्स कॉल वापस आने पर कॉल किया जाएगा। हालांकि, चूंकि उस कॉलबैक को तुरंत निष्पादित नहीं किया जाएगा, hasEvents जारी है और msg लौटाता है, जो अभी भी undefined के बराबर है, जो कि Javascript में एक गलत मान है। इसका मतलब यह है कि जब आपका अजाक्स कॉल वापस आता है और कॉलबैक निष्पादित होता है, तब भी hasEvent(productType) का मूल्यांकन पहले ही गलत हो चुका है।

एक संभावित समाधान hasEvent को दूसरा पैरामीटर देना होगा, जो एक कॉलबैक है। फिर अपने _.find में, आप उस कॉलबैक को वापस करने के बजाय संदेश के साथ निष्पादित कर सकते हैं, जैसे:

var getEvents = function (callback) {

  var orderId = $("#Id").val();

  $.getJSON('api/events?id=' + orderId)
    .done(function (data) {
      callback(data);
    }).fail(function (jqXHR, textStatus, err) {
      return;
    });

}


var hasEvent = function (productType, callback) {

  var msg = null;

  getEvents(function (data) {

    _.find(data.item.Event, function (event) {

      if (event.EventType.Description == 'New order' && 
        event.EventSubType.Description == 'Dispatched' && 
        productType = 'xyz') {

        msg = 'Some message';
        return true;
      }

      if (event.EventType.Description == 'New order' && 
        event.EventSubType.Description == 'Awaiting payment' && 
        productType = 'xyz') {

        msg = 'A different message';
        return true;
      }

      // Check for Some more conditions and return appropriate message

      return false;
    });

    callback(msg);


  });


}

var someOtherFunction = function () {

  $('.myselector').click(function (e) {

    var productType = $(this).attr("data-product-type");
    hasEvent(productType, function(eventMsg) {
      if (eventMsg) {
        console.log(eventMsg);
        alert(eventMsg);
      } else {
        console.log('there was no event!')
      }
    })
  }
}

वैकल्पिक रूप से, अतुल्यकालिक jQuery फ़ंक्शन वादे लौटाते हैं, इसलिए आप इसके बजाय ऐसा कर सकते हैं:

var getEvents = function (callback) {
  var orderId = $("#Id").val();
  return $.getJSON('api/events?id=' + orderId);
}


var hasEvent = function (productType) {
  return getEvents()
    .then(function (data) {

      var foundEvent = _.find(data.item.Event, function (event) {

        if (event.EventType.Description == 'New order' && 
           event.EventSubType.Description == 'Dispatched' && 
           productType = 'xyz') {
        }

        // Check for Some more conditions and return appropriate message

        return false; // if you don't return, it's undefined, which is a falsy value and has the same effect as returning false in _.find
      });

      return 'some message';

    });

}


var someOtherFunction = function () {

  $('.myselector').click(function (e) {

    var productType = $(this).attr("data-product-type");
    hasEvent(productType)
      .then(function(eventMsg) {
        console.log(eventMsg);
        alert(eventMsg);
      });
  }
}