जब कोई फ़ंक्शन का काम पूरा हो जाता है

Question

मैं एक jQuery प्लगइन का उपयोग कर रहा हूं, तो यह div में कुछ डेटा को यूआरएल, fetches, गणना और लिखता है।

मैं इस div सामग्री को div पर प्रतिलिपि बनाना चाहता हूं, जब यह कार्य अपना काम करता है।

उदाहरण के लिए

:

$("#div1").myfunction(); // it gets and calculates data and adds to #div1 . it needs 2-3 seconds to be done 
var contents = $("#div1").html(); // when myfunction() done, copy contents 
$("#div2").html(contents); 

जब मैं उस कोड भाग गया, मैं #div2 में नई सामग्री नहीं था। यह सुनिश्चित करें कि आपरेशन एक बार ग्राहक प्रतिक्रिया मिली है और में डाला गया है होता है, myFunction में लागू ajax कोड की सफलता कॉलबैक में

$("#div2").html($("#div1").html()); 

:

Answer 1

आप एक कॉलबैक पैरामीटर जो इसे एक बार अनुरोध किया जाता है

function myfunction(cb) 
    $.ajax({ 
     type: "get", 
     url: "page.html", 
     success: function(data){ 
      $("#div1").html(data); 
      if(typeof cb === 'function') cb(); 
     } 
    }); 
} 

myfunction(function(){ 
    $("#div2").html($("#div1").html()); 
}); 

Answer 2

आप बस इस लाइन डालने के लिए की आवश्यकता होगी डोम।

Answer 3

आप एक प्लगइन, आप या तो AJAX कॉलबैक फ़ंक्शन में कड़ी मेहनत से कोड यह होना चाहिए लिख रहे हैं कार्यान्वित ले myfunction की आवश्यकता है , या विकल्पों के साथ कॉलबैक फ़ंक्शन को पारित करने की अनुमति दें।

आप प्लगइन पर कोई नियंत्रण नहीं है, तो आप लगातार अपने div क्वेरी करने के लिए देखने के लिए अगर यह अद्यतन किया गया है होगा:

var oldHTML = $("#div1").html(), 
    counter = 0; 

$("#div1").myfunction(); 

copyHTML(); 

function copyHTML() 
{ 
    var newHTML = $("#div1").html(); 

    // we don't want this function to run indefinitely 
    if (++counter > 15) return; 

    if (newHTML == oldHTML) 
     setTimeout(copyHTML, 1000); 
    else 
     $("#div2").html(newHTML); 
} 

(जैसे success के रूप में)

Answer 4

अजाक्स कॉलबैक jQuery 1.8 में हटा दिया जाएगा । इसके बजाए, आप jQuery की deferred ऑब्जेक्ट को किसी क्रिया को चलाने (या पूर्ववत) करने के लिए उपयोग कर सकते हैं जिसके लिए इसे करने से पहले एक और शर्तों की आवश्यकता होती है।

var successFunction = function() { 
    var contents = $("#div1").html(); 
    var newElement = $("<div id=div2></div>").html(contents); 
    $("body").append(newElement); 
} 

var failedFunction = function() { 
    // reset element or undo last change 
    window.alert("Update Failed"); 
} 


$.when(
    $.ajax(countParams), 
    doCalculate() 
).then(
    successFunction(), 
    failedFunction() 
); 

Creating Responsive Applications Using jQuery Deferred and Promises