लॉगिन के बाद AJAX अनुरोध दोहराएं

Question

मैं कुछ पाठ प्राप्त करने के लिए AJAX के माध्यम से एक PHP-Script पर कुछ जानकारी भेज रहा हूं, जिसे प्रदर्शित किया जाना चाहिए। अभी तक कोई समस्या नहीं है। लेकिन यदि उपयोगकर्ता लॉग आउट हो गया है, तो परिणाम false होगा और लॉगिन-फॉर्म वाला एक मॉडल दिखाया जाएगा।

यदि उपयोगकर्ता लॉग इन हो जाता है, तो पहली जानकारी (var data) एक और बार भेजनी चाहिए, क्योंकि पहला प्रेषण स्वीकार नहीं किया गया था।

$.ajax({ 
url: "script.php", type: "POST", data: data, dataType: "json" 
}) 
.done(function(json) { 
    if (json.result === false) { 
     showModal("login"); return; 
    } 
    else { 
     $('#result').html(json.result); 
    } 
}); 

showModal समारोह भी एक ajax अनुरोध से जुड़ा है, इसलिए उपयोगकर्ता में ... उसके बाद पहली डेटा होना चाहिए एक बार भेज लॉग इन किया जा रहा है ...

function showModal() { 
    $('body').append('<form>...'); // Show Modal with form to login 
} 

// With submit form, the user will be logged in 
$('body').on('submit','#loginform',function(event){ 
$.ajax({ 
    url: "login.php", 
    type: "POST", 
    data: { 'username': username, 'password': password }, 
    dataType: "json" 
}) 
.done(function(json) { 
    // User is now logged in 
    // Now repeat first request 
}); 
}); 

Answer 1

रखें एक समारोह के अंदर आपका कोड। जब भी आप इसकी आवश्यकता है आप एक समारोह कॉल कर सकते हैं:

var sendData = function() { 
    $.ajax({ url: "script.php", type: "POST", data: data, dataType: "json" }) 
.done(function(json) { 
     if (json.result === false) { 
      showModal("login"); return; 
     } 
     else { 
      $('#result').html(json.result); 
     } 
    }); 
}; 

// now run sendData() when you want to trigger it 

---

sendData() कहाँ कॉल करने के लिए दूसरी बार कैसे अपनी प्रवेश (showModal) काम करता है पर निर्भर करता है। 'सफल लॉगिन' ईवेंट को पकड़ने का एक तरीका खोजें।

---

आप showModal कार्य करने के लिए sendData गुजरती हैं और यह वहाँ कॉल कर सकते हैं। इस तरह showModaldata बारे में कुछ पता करने की आवश्यकता नहीं:

var sendData = function() { 
    $.ajax({ url: "script.php", type: "POST", data: data, dataType: "json" }) 
.done(function(json) { 
     if (json.result === false) { 
      // The function sendData is passed as a parameter - will be called after a successful login 
      showModal("login", sendData); return; 
     } 
     else { 
      $('#result').html(json.result); 
     } 
    }); 
}; 

फिर, जहां showModal परिभाषित किया गया है:

function showModal(dialog, loginCallback) { 
    $('body').append('<form>...'); // Show Modal with form to login 
    // With submit form, the user will be logged in 
    $('#loginform').on('submit', function(event) { 
     $.ajax({ 
      url: "login.php", 
      type: "POST", 
      data: { 'username': username, 'password': password }, 
      dataType: "json" 
     }) 
     .done(function(json) { 
      // User is now logged in 
      // Now repeat first request 
      loginCallback(); 
     }); 
    }); 
} 

Answer 2

आप ajax विकल्प के रूप में एक और तर्क को स्वीकार करने के ShowModal कार्य हो सकता है। अगर AJAX विकल्पों को परिभाषित किया गया है तो बस उन्हें पूरा करें।

function showLoginModal(ajaxOptions){ 
    $.ajax({ 
     url: "login.php", 
     type: "POST", 
     data: { 'username': username, 'password': password }, 
     dataType: "json" 
    }) 
    .done(function(json) { 
     if(ajaxOptions!== undefined){ 
      $.ajax(ajaxOptions); 
     } 
    }); 
} 

फिर अपने बुला समारोह

$.ajax({ 
url: "script.php", type: "POST", data: data, dataType: "json" 
}) 
.done(function(json) { 
    if (json.result === false) { 
     showLoginModal(this); 
    } 
    else { 
     $('#result').html(json.result); 
    } 
});