WCF7 load via AJAX
-
Hi,
I am trying to display the contact form via ajax with the rest of the content and the result is that the shortcode is displayed when returned by ajax and not form itself.The JS code:
$(document).on('click', '.footer-links', function(event){ event.preventDefault(); var clickedFooterID = $(this).attr('data-target'); var clickedFooterOrder = $(this).attr('data-ordine'); $.ajax({ type: "POST", url: wms_ajax_object.ajaxurl, dataType: 'html', data: ({ 'action' : 'loadFooterPag', 'post_id': clickedFooterID }), success: function(response){ $('body').append('<div id="pg-from-footerMenu"></div>'); $('#pg-from-footerMenu').append(response); } }); //end of $.ajax });
the php code:
<?php function wms_enqueue_ajax_init() { wp_enqueue_script( 'ajax-script', get_stylesheet_directory_uri().'/js/ajax-script.js', array('jquery'), 1.0 ); // jQuery will be included automatically wp_localize_script( 'ajax-script', 'wms_ajax_object', array( 'ajaxurl' => admin_url( 'admin-ajax.php/?lang='.qtrans_getLanguage() ) ) ); // setting ajaxurl } add_action('wp_enqueue_scripts', 'wms_enqueue_ajax_init'); function wms_load_footer_page(){ $contact_id = get_id_by_slug( 'contact' ); // in functions.php - return the ID of page by slug $response = '<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">'; $response .= wms_get_content_from_post( $contact_id ); // in functions.php - return the content of $contact_id // the content contain the WCF7 shortcode [contact-form-7 id="28" title="Contact En"] $response .= '</div>'; echo $response; die(); } add_action( 'wp_ajax_loadFooterPag', 'wms_load_footer_page' ); add_action( 'wp_ajax_nopriv_loadFooterPag', 'wms_load_footer_page' ); ?>
How can I call the WCF7 via ajax?
or
How can I call WCF7 with a php function, not shortcode?
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘WCF7 load via AJAX’ is closed to new replies.