मैं एक jQuery अजाक्स अनुरोध कैसे डीबग करूं?

Question

मेरे कोड है:

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', //This is in the same site as the page calling this request, so it's not a same-domain error. 
    success: function(){ 
      test = "it's working"; 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 
alert(test); 

मैं स्थिति कोड का परीक्षण किया है और यह एक 200 और त्रुटि समारोह कभी नहीं बंद हो जाता है करने के लिए बाहर आया था, लेकिन न तो सफलता समारोह करता है। जैसे मैंने अपनी टिप्पणी में कहा, यह एक समान मूल नीति त्रुटि नहीं है। यह सिर्फ "यह काम नहीं कर रहा है" कहता रहता है। यहाँ क्या चल रहा है?

Answer 1

आपका AJAX कॉल असीमित है। यह अभी तक पूरा नहीं हुआ है जब अंत में आपकी चेतावनी चलती है। सफलता समारोह में एक वास्तविक चेतावनी दें और आपको वहां अपना परिणाम देखना चाहिए।

याद रखें कि AJAX कॉल करने से केवल एसिंक्रोनस AJAX कॉल शुरू होता है और फिर आपका शेष कोड चलना जारी रहता है। आपके द्वारा पोस्ट किए गए कोड उदाहरण में, इसका मतलब है कि आपके alert(test) कॉल अजाक्स कॉल पूरा होने से ठीक पहले चला जाता है।

आप केवल सफलता हैंडलर के भीतर से अजाक्स कॉल के परिणामों की जांच कर सकते हैं।

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', //This is in the same site as the page calling this request, so it's not a same-domain error. 
    success: function(){ 
      alert("it's working"); // put this here and you will see it 
            // if the ajax call is successful 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

Answer 2

आप

var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', 
    success: function(){ 
      alert("it's working"); 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

यह काम करेंगे जैसे कि यह कर सकते हैं ....

Answer 3

ले जाएँ कि चेतावनी (परीक्षण) अंत से ajax कॉल की सफलता समारोह में। यदि यह अलर्ट करता है तो इसका मतलब है कि कोड काम कर रहा है अन्यथा यह नहीं है। आप केवल अपनी सफलता वापसी पर AJAX कॉल डीबग कर सकते हैं।

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', 
    success: function(){ 
      test = "it's working"; 
      alert(test); //It will alert when you ajax call returns successfully. 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

उम्मीद है कि इससे मदद मिलती है।

Answer 4

इन प्रकार की चीजों को डीबग करने के लिए, मैं find Firebug एक अनिवार्य उपकरण। यह आपको सर्वर से बिल्कुल प्रतिक्रिया दिखाएगा (500 त्रुटि, 553 त्रुटि, आपके पास क्या है)। आप अपने जावास्क्रिप्ट कोड में ब्रेक पॉइंट डाल सकते हैं और इसे चरण-दर-चरण डीबग कर सकते हैं। फायरबग फ़ायरफ़ॉक्स पर काम करता है।

आईई के लिए, आप डेवलपर टूल्स फीचर का उपयोग कर सकते हैं जो फ़ायरबग के समान है, खासकर आईई 9 पर जो आईई 7 या आईई 8 के लिए डेवलपर टूल्स के पिछले संस्करणों की तुलना में अधिक परिपक्व लगता है।

Answer 5

इस प्रयास करें:

error: function(jqXHR, textStatus, errorThrown) { 
     console.log(JSON.stringify(jqXHR)); 
     console.log("AJAX error: " + textStatus + ' : ' + errorThrown); 
}