jQuery ajax सफलता कॉलबैक फ़ंक्शन परिभाषा

Question

मैं jQuery ajax उपयोग करने के लिए एक सर्वर से डेटा प्राप्त करना चाहते हैं।

मैं निम्नलिखित की तरह .ajax() ब्लॉक के बाहर सफलता कॉलबैक फ़ंक्शन परिभाषा रखना चाहता हूं। तो मैं निम्नलिखित की तरह चर dataFromServer घोषित करने के लिए इतना है कि मैं सफलता कॉलबैक से लौटे डेटा का उपयोग करने में सक्षम हो जाएगा की जरूरत है?

मैंने देखा है कि ज्यादातर लोगों को .ajax() ब्लॉक के अंदर सफलता कॉलबैक परिभाषित करते हैं। तो निम्नलिखित कोड सही अगर मैं बाहर सफलता कॉलबैक को परिभाषित करना चाहते है?

var dataFromServer; //declare the variable first 

function getData() { 
    $.ajax({ 
     url : 'example.com', 
     type: 'GET', 
     success : handleData(dataFromServer) 
    }) 
} 

function handleData(data) { 
    alert(data); 
    //do some stuff 
} 

Answer 1

बस का उपयोग करें:

function getData() { 
    $.ajax({ 
     url : 'example.com', 
     type: 'GET', 
     success : handleData 
    }) 
} 

success संपत्ति एक समारोह के लिए केवल एक संदर्भ की आवश्यकता है, और यह कार्य करने के लिए पैरामीटर के रूप में डेटा गुजरता है।

handleData की घोषणा के कारण आप इस तरह के handleData फ़ंक्शन को एक्सेस कर सकते हैं। जावास्क्रिप्ट चलाने से पहले समारोह घोषणाओं के लिए अपने कोड को पार्स होगा, ताकि आप वास्तविक घोषणा से पहले का कोई कोड में फ़ंक्शन का उपयोग कर सकेंगे। यह hoisting के रूप में जाना जाता है।

यह हालांकि, इस तरह के कार्यों की घोषणा के लिए गिनती नहीं करता है:

var myfunction = function(){} 

उन ही उपलब्ध रहती हैं दुभाषिया उन्हें पारित कर दिया।

See this question for more information about the 2 ways of declaring functions

Answer 2

को अपनी सफलता हैंडलर को फिर से लिखने का प्रयास करें:

success : handleData 

ajax विधि की सफलता संपत्ति केवल एक समारोह के लिए एक संदर्भ की आवश्यकता है।

अपने handleData में कार्य करते हैं आप 3 मानकों तक लग सकते हैं:

object data 
string textStatus 
jqXHR jqXHR 

Answer 3

मैं लिखने होगा:

var dataFromServer; //declare the variable first 

var handleData = function (data) { 
    alert(data); 
    //do some stuff 
} 


function getData() { 
    $.ajax({ 
     url : 'example.com', 
     type: 'GET', 
     success : handleData 
    }) 
} 

Answer 4

आप चर घोषित करने के लिए जरूरत नहीं है। Function(Object data, String textStatus, jqXHR jqXHR)

Answer 5

'नई' jQuery 1.5 (जनवरी 2011) के बाद से ऐसा करने का तरीका बजाय एक success कॉलबैक पास करने का आस्थगित वस्तुओं का उपयोग करने के लिए है: अजाक्स सफलता समारोह स्वचालित रूप से 3 मानकों तक लगते हैं। आप $.ajax का परिणाम लौटना चाहिए और उसके बाद कॉलबैक $.ajax कॉल की बाहर जोड़ने के लिए .done, .fail आदि विधियों का उपयोग करें।

function getData() { 
    return $.ajax({ 
     url : 'example.com', 
     type: 'GET' 
    }); 
} 

function handleData(data /* , textStatus, jqXHR */) { 
    alert(data); 
    //do some stuff 
} 

getData().done(handleData); 

यह अलग करता कॉलबैक AJAX से निपटने से निपटने, तुम सब कभी मूल getData() समारोह को संशोधित करने की जरूरत के बिना, कई कॉलबैक, विफलता कॉलबैक, आदि को जोड़ने के लिए अनुमति देता है।क्रियाओं के सेट से AJAX कार्यक्षमता को अलग करने के बाद अच्छी बात है!।

Deferreds भी कई अतुल्यकालिक घटनाओं, जो आप आसानी से बस के साथ success:

ऐसा नहीं कर सकते उदाहरण के लिए, मैं कई कॉलबैक, एक त्रुटि हैंडलर जोड़ सकता है की बहुत आसान तुल्यकालन के लिए अनुमति देते हैं, और एक टाइमर बीतने वाले के लिए प्रतीक्षा पहले जारी:

// a trivial timer, just for demo purposes - 
// it resolves itself after 5 seconds 
var timer = $.Deferred(); 
setTimeout(timer.resolve, 5000); 

// add a done handler _and_ an `error:` handler, even though `getData` 
// didn't directly expose that functionality 
var ajax = getData().done(handleData).fail(error); 

$.when(timer, ajax).done(function() { 
    // this won't be called until *both* the AJAX and the 5s timer have finished 
}); 

ajax.done(function(data) { 
    // you can add additional callbacks too, even if the AJAX call 
    // already finished 
}); 

jQuery के अन्य हिस्सों आस्थगित वस्तुओं का उपयोग भी - यदि आप अन्य async संचालन के साथ jQuery एनिमेशन बहुत आसानी से उन लोगों के साथ सिंक्रनाइज़ कर सकते हैं।

Answer 6

मुझे नहीं पता कि आप स्क्रिप्ट के बाहर पैरामीटर को क्यों परिभाषित कर रहे हैं। यह अनावश्यक है। आपके कॉलबैक फ़ंक्शन को रिटर्न डेटा के साथ स्वचालित रूप से पैरामीटर के रूप में बुलाया जाएगा। यह sucess: अर्थात

function getData() { 
    $.ajax({ 
     url : 'example.com', 
     type: 'GET', 
     success : handleData 
    }) 
} 

function handleData(data) { 
    alert(data); 
    //do some stuff 
} 

handleData फ़ंक्शन कॉल किया जाएगा और पैरामीटर ajax समारोह द्वारा इसे पारित कर दिया बाहर अपने कॉलबैक परिभाषित करने के लिए बहुत संभव है।

Answer 7

कुछ घंटों के बाद इसके साथ खेलते हैं और लगभग सुस्त हो जाते हैं। चमत्कार मेरे पास आया, यह काम करता है।

<pre> 


var listname = []; 


$.ajax({ 
    url : wedding, // change to your local url, this not work with absolute url 
    success: function (data) { 
     callback(data); 
    } 
}); 

function callback(data) { 
     $(data).find("a").attr("href", function (i, val) { 
      if(val.match(/\.(jpe?g|png|gif)$/)) { 
      // $('#displayImage1').append("<img src='" + wedding + val +"'>"); 
       listname.push(val); 
      } 
     }); 
} 

function myfunction() { 

alert (listname); 

} 

</pre>