Drupal 7 पर AJAX फॉर्म डाउनलोड और सबमिट करें

हाल ही में, मुझे AJAX जमा फ़ॉर्म लागू करने की आवश्यकता थी। इस स्थिति में, पॉपअप में प्रपत्र लोड किया जाना चाहिए। यह एक तुच्छ कार्य प्रतीत होगा, लेकिन यह पता चला कि अभी भी नुकसान हैं।
कार्य Drupal 7 के लिए हल किया गया है। फैंसीबॉक्स का उपयोग पॉपअप बनाने के लिए एक पुस्तकालय के रूप में किया जाता है।

सबसे पहले आपको आवश्यक पुस्तकालयों को जोड़ने की आवश्यकता है:

$ पथ = drupal_get_path ( 'मॉड्यूल' , 'simple_ajax_popup' ) ;
drupal_add_js ( $ पथ । '/ misc/fancybox/source/jquery.fancybox.pack.js' ) ;
drupal_add_css ( $ पथ । '/misc/fancybox/source/jquery.fancybox.css' ) ;
drupal_add_js ( $ पथ । /misc/simple_ajax_popup.js ) ;
drupal_add_js ( 'मिस / jquery.form.js' ) ;

Jquery.form.js फ़ाइल पृष्ठ पर हर बार एक प्रपत्र मौजूद होने पर Drupal द्वारा शामिल की जाती है। इस फ़ाइल को AJAX के माध्यम से फ़ॉर्म जमा करना आवश्यक है। चूंकि पेज रेंडर करने के समय यह फॉर्म अभी तक नहीं है, इसलिए ड्रुपल इस फाइल को कनेक्ट नहीं करेगा और इसे मैन्युअल रूप से कनेक्ट करने की आवश्यकता है।

फिर मेनू हुक में आपको आवश्यक कॉलबैक जोड़ने की आवश्यकता है:

/ **
* इम्प्लीमेंट्स हुक_मेनू ()।
* /
समारोह simple_ajax_popup_menu ( ) {
$ आइटम = सरणी ( ) ;
$ आइटम [ 'परीक्षण' ] = सरणी (
'टाइप' => MENU_SUGGESTED_ITEM ,
'शीर्षक' => टी ( 'टेस्ट पेज' ) ,
'पेज कॉलबैक' => 'simple_ajax_popup_page' ,
'एक्सेस आर्ग्युमेंट्स' => एरे ( 'एक्सेस कंटेंट' ) ,
) ;
$ आइटम [ 'कॉलबैक' ] = सरणी (
'टाइप' => MENU_CALLBACK ,
'पेज कॉलबैक' => 'simple_ajax_popup' ,
'एक्सेस आर्ग्युमेंट्स' => एरे ( 'एक्सेस कंटेंट' ) ,
) ;

$ आइटम वापस करें ;
}

पहला कॉलबैक वह पेज होगा जिस पर फॉर्म डाउनलोड करने के लिए एक लिंक होगा, और दूसरा कॉलबैक फॉर्म को वापस करेगा।

फ़ॉर्म को कॉल करने के लिए, पृष्ठ पर एक लिंक जोड़ें:

समारोह simple_ajax_popup_page ( ) {
drupal_add_library ( 'सिस्टम' , 'drupal.ajax' ) ;
वापसी l (
'AJAX फॉर्म' ,
'कॉलबैक' ,
सरणी (
'विशेषताएँ' => सरणी ( 'वर्ग' => सरणी ( 'फैंसीबॉक्स' , 'फैंसीबॉक्स.जैक्स' ) ) ,
)
) ;
}

AJAX के साथ काम करने के लिए Drupal लाइब्रेरी को कनेक्ट करना नहीं भूलना महत्वपूर्ण है।

एक अन्य महत्वपूर्ण बिंदु यह है कि फंक्शन को जावास्क्रिप्ट से फार्म को प्रोसेसिंग के लिए फंक्शनल बॉक्स में शोशो इवेंट के बाद संलग्न करें :

फंक्शन simpleAjaxPopupFormProcess ( ) {
Drupal। संलग्नक ( '# सिम्पल_जैक्स_पोप_फॉर्म' ) ;
jQuery ( '#simple_ajax_popup_form' ) । ajaxForm ( ) ;
}

फ़ंक्शन रेंडरिंग फ़ंक्शन बेहद सरल है:

/ **
* फॉर्म के साथ पॉपअप लौटें।
* /
समारोह simple_ajax_popup ( ) {
$ फॉर्म = drupal_render ( drupal_get_form ( 'simple_ajax_popup_form' ) ) ;
$ फॉर्म प्रिंट करें ;
drupal_exit ( ) ;
}

Ajax_deliver फ़ंक्शन का उपयोग प्रतिक्रिया के लिए किया जाता है। Ajax_command_replace फ़ंक्शन आपको उस अनुरोध की AJAX प्रतिक्रिया के लिए एक कमांड जोड़ने की अनुमति देता है जो निर्दिष्ट रैपर के साथ सामग्री को प्रतिस्थापित करता है।

फ़ंक्शन simple_ajax_popup_form_submit ( $ फ़ॉर्म , और $ फ़ॉर्म_स्टेट ) {
$ form_state [ 'rebuild' ] = TRUE ;
प्रहरी ( 'अजाक्स संदेश' , $ _POST [ 'संदेश' ] ) ;
$ आदेश = सरणी ( ) ;
$ कमांड [ ] = ajax_command_replace (
'# सरल-अजाक्स-पॉपअप-फॉर्म' ,
'<div class = "संदेश का दर्जा"> संदेश को सिस्टम लॉग में जोड़ा गया है। </ div>'
) ;
ajax_deliver ( सरणी ( '# टाइप' => 'ajax' , '#commands' => $ कमांड ) ) ;
drupal_exit ( ) ;
}

इस प्रकार, आप त्रुटि संदेश प्रदर्शित कर सकते हैं:



या सफल भेजने के बारे में एक संदेश:



इस स्थिति में, प्रपत्र केवल वॉचडॉग के लिए एक संदेश जोड़ता है।

और अंत में - फॉर्म सबमिट बटन पर एक विशेष वर्ग जोड़ना न भूलें ताकि फॉर्म को AJAX के माध्यम से सबमिट किया जा सके।

$ फॉर्म [ 'form_wrapper' ] [ 'सबमिट' ] = सरणी (
'# टाइप' => 'सबमिट' ,
'#value' => 'सबमिट करें।' ।
'#attributes' => array ( 'class' => array ( 'use-ajax-submit' ) ) ,
) ;

पूर्ण उदाहरण कोड यहां डाउनलोड किया जा सकता है।

वास्तविक परियोजना जहां पॉपअप के माध्यम से इस तरह का फॉर्म जमा किया जाता है, वह टिप्पणी दुरुपयोग मॉड्यूल है।