window.open() AJAX सफलता पर अलग अलग काम करता है

Question

संभव डुप्लिकेट:
window.open(url) different behavior - same code, different timing

यह मुझे समस्या की व्याख्या करने के लिए करता है, तो मैं सिर्फ आपको लगता है कि उदाहरण दिखाने के और अधिक आसान हो जाएगा - >http://jsfiddle.net/RU2SM/
जैसा कि आप देख सकते हैं कि 2 बटन हैं, जिन्हें 'एजेक्स' कहा जाता है और जिसे 'डायरेक्ट' कहा जाता है ... तो यदि आप 'डायरेक्ट' पर क्लिक करते हैं तो यह विंडो खोलता है (क्रोम पर नया टैब) लेकिन अगर मैं इसे बनाने की कोशिश करता हूं AJAX सफलता हैंडलर पर window.open(), यह काम नहीं करता है उसी तरह।
मुझे यकीन है कि समस्या AJAX से है लेकिन मुझे नहीं पता कि इसे कैसे ठीक किया जाए।
किसी भी अच्छे विचार की सराहना करेंगे। धन्यवाद

Answer 1

यह एक आकर्षण की तरह काम करता है:

// Direct window.open() 
$('#btnDirect').on('click',function(){ 
    window.open('http://google.com') 
}) 
var success = false; //NOTE THIS 

// AJAX window.open() 
$('#btnAJAX').on("click", function(){ 
    $.ajax({ 
     url: "/user/login/", 
     context: document.body, 
     async:false, //NOTE THIS 
     success: function(){ //THIS ALSO CHANGED 
     success = true 
     } 
    }); 
    if(success){ //AND THIS CHANGED 
     window.open('http://google.com') 
    } 
}) 

यह क्या करता है जब अजाक्स कॉल सफलता है यह सच करने के लिए चर सफलता निर्धारित करता है।
async:false प्रोपर्टीटी यह सुनिश्चित करता है कि अजाक्स कॉल पूरा होने के बाद अगर कथन निकाल दिया गया हो।
तो विंडो.ऑपेन को आपके सीधा लिंक के समान परिस्थितियों में निकाल दिया गया है।

Answer 2

समस्या यह है कि ब्राउज़र अक्सर window.opens को अवरुद्ध करेंगे जब तक कि उन्हें उपयोगकर्ता कार्रवाई के प्रत्यक्ष प्रतिक्रिया में नहीं कहा जाता है। यही कारण है कि आपका क्लिक हैंडलर काम करता है (एक क्लिक एक उपयोगकर्ता कार्रवाई है) लेकिन आपका AJAX हैंडलर नहीं करता है।

एक समाधान प्रारंभिक क्लिक कार्रवाई के दौरान विंडो खोलना है, फिर AJAX सफलता पर अपना स्थान अपडेट करें (या AJAX विफलता पर इसे फिर से बंद करें)।

अन्यथा आपको उपयोगकर्ता को अपने ब्राउज़र से अपने डोमेन से पॉपअप को स्पष्ट रूप से अनुमति देने की आवश्यकता होगी।

Answer 3

एक अतिरिक्त के रूप में यह भी उल्लेखनीय है कि async का उपयोग करके: झूठी और फिर कॉलिंग विंडो। ओपन क्रोम और फ़ायरफ़ॉक्स में काम करता है लेकिन सफारी में परेशानी का कारण बन सकता है ... यह एक जानकारी भी नहीं देता है कि एक पॉपअप अवरुद्ध किया गया था

Answer 4

बेहतर तरीका ajax कॉल की सफलता के बाद किसी भी तर्क को लागू है, वहाँ यानी .ajax.Request.done $ और $ .ajax.Request.fail हर ajax कॉल निष्पादन पर गोली चलाई एक घटना है। $ .ajax.Request.done (फ़ंक्शन() {अगर (सफलता) {// तर्क लागू करें}});