MODx क्रांति में ajax अनुरोधों को संभालने का बहुत आसान तरीका है

नमस्कार, पहले से ही MODx क्रांति में एक साइट के सामने के छोर पर ajax अनुरोधों के प्रसंस्करण के बारे में बहुत कुछ लिखा गया है, यहां तक ​​कि कई तैयार ऐड-ऑन भी हैं ।
बदले में, मैं MODx क्रांति में ajax अनुरोधों को संभालने के लिए एक और बहुत सरल तरीका प्रदान करना चाहता हूं।

सबसे पहले, निम्नलिखित सामग्री के साथ ajaxReqeust नामक एक प्लगइन बनाएं:

<?php if ($modx->event->name == 'OnLoadWebDocument') { if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') { $modx->resource->set('cacheable', 0); $modx->resource->set('template', 0); } } 

प्लगइन को OnLoadWebDocument सिस्टम ईवेंट पर फायर करना चाहिए।
यह प्लगइन हमें संसाधनों के लिए अजाक्स अनुरोध करने और टेम्पलेट के बिना प्रतिक्रिया में केवल सामग्री प्राप्त करने की अनुमति देगा।
हम सभी की आवश्यकता है कि संसाधन की सामग्री के लिए वांछित स्निपेट या चंक को सहेजना है।

एक उदाहरण के रूप में, अजाक्स अनुरोध के माध्यम से सबमिट किए गए फॉर्म को संसाधित करने की प्रक्रिया पर विचार करें।

सामग्री क्षेत्र में किसी भी डेटा के साथ एक नया संसाधन बनाएँ, फॉर्म इट स्निपेट के मानक कॉल को दर्ज करें:

 <div id="feedback_form"> <h2>  </h2> [[!request? &k=`success` &toPlaceholder=`success`]] [[+success:is=``:then=` [[!FormIt? &hooks=`email,redirect` &redirectTo=`[[*id]]` &redirectParams=`{"success":"1"}` &emailTpl=`feedbackEmailTpl` &emailSubject=`    [[++site_name]]` &emailTo=`info@unicontent-studio.ru` &emailFrom=`noreply@unicontent-studio.ru` &emailFromName=`[[++site_name]]` &validate=` name:required:stripTags, email:email:required, message:required:stripTags ` &clearFieldsOnSuccess=`1` &validationErrorMessage=`    .` ]] <form data-target="#feedback_form" class="ajax-form" action="[[~[[*id]]]]" method="POST"> <div> <label>:</label> <input type="text" value="[[!+fi.name]]" name="name" /> [[!+fi.error.name]] </div> <div> <label>E-mail:</label> <input type="text" value="[[!+fi.email]]" name="email" /> [[!+fi.error.email]] </div> <div> <label>:</label> <textarea name="message">[[!+fi.message]]</textarea> [[!+fi.error.message]] </div> <input type="submit" name="submit" value="" /> </form> `:else=` <p>   .</p> `]] </div> 

आइए अनुरोध के लिए एक छोटा सा स्निपेट बनाएं, जो हमें फ़ॉर्म को सफलतापूर्वक सबमिट करने पर एक संदेश प्रदर्शित करने की अनुमति देगा:

 <?php $result = isset($_REQUEST[$k])? strip_tags($_REQUEST[$k]) : ''; if (!empty($toPlaceholder)) { $modx->toPlaceholder($toPlaceholder, $result); } else { return $result; } 

वह सब जो हमारे लिए करना है, वह उस पृष्ठ पर एक छोटा jQuery कोड कनेक्ट करना है, जिस पर फॉर्म प्रदर्शित किया जाएगा।
यह स्क्रिप्ट अजाक्स अनुरोध के माध्यम से फ़ॉर्म जमा करती है और प्राप्त प्रतिक्रिया को संसाधित करती है:

 $(document).ready(function() { $('body').on('submit', '.ajax-form', function(e) { e.preventDefault(); var target = this; if ($(this).data('target') != undefined) { target = $(this).data('target'); } values = $(this).serializeArray(); $(this).find('input[type="submit"]').attr('disabled', 'disabled'); $.ajax({ type: 'POST', dataType: 'html', url: $(this).attr('action'), data: values, success: function(data) { $(target).replaceWith(data); } }); }); }); 

शायद यही सब है, बस नहीं है?
आपको कुछ और करने की ज़रूरत नहीं है, किसी भी अतिरिक्त स्क्रिप्ट, कनेक्टर और प्रोसेसर, बस एक छोटा प्लग-इन और MODx बाकी का ध्यान रखेगा।
चंक्स और स्निपेट्स को नियमित अनुरोधों के साथ उसी तरह से संसाधित किया जाएगा, अर्थात, मोडेक्स टैग को संसाधित करने के लिए किसी हैक की आवश्यकता नहीं होती है, उत्तर पार्सर द्वारा पहले से ही संसाधित होता है।
यह सब, मुझे उम्मीद है कि मेरा छोटा लेख किसी के लिए जीवन को थोड़ा आसान बना देगा।
सभी को शुभकामनाएँ और जल्द ही आपको देखें।