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

Question 1

मैं एक सर्वर से डेटा को पुनः प्राप्त करने के लिए 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
}

Question 2

महज प्रयोग करें:

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

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

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

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

var myfunction = function(){}

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

कार्यों को घोषित करने के 2 तरीकों के बारे में अधिक जानकारी के लिए यह प्रश्न देखें

Question 3

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

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 के एनिमेशन को सिंक्रनाइज़ कर सकते हैं।

Question 4

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

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

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

हैंडलडाटा फ़ंक्शन को कॉल किया जाएगा और अजाक्स फ़ंक्शन द्वारा इसे पास किया गया पैरामीटर।

Question 5

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

success : handleData

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

अपने हैंडलडैट फ़ंक्शन में आप 3 पैरामीटर ले सकते हैं:

object data
string textStatus
jqXHR jqXHR

Question 6

मैं लिखूंगा :

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


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

Question 7

आपको चर घोषित करने की आवश्यकता नहीं है। Ajax सफलता समारोह स्वचालित रूप से 3 मापदंडों तक ले जाता है:Function( Object data, String textStatus, jqXHR jqXHR )

Question 8

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

<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>

Question 9

आपके घटक अर्थात कोणीय JS कोड:

function getData(){
    window.location.href = 'http://localhost:1036/api/Employee/GetExcelData';
}