Skip to main content
  • X Twitter
  • youtube
Home
Drupal 4U
Built for AI. Powered by Drupal.
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact

Breadcrumb

  1. Home
  2. Tips and Tricks
  3. Use the Drupal module "jQuery AJAX Load" for a quick and easy AJAX integration

Use the Drupal module "jQuery AJAX Load" for a quick and easy AJAX integration

Tips and Tricks
July 13, 2017
Profile picture for user drupal
By drupal
  • facebook-f
  • twitter
  • envelope
  • print
86

jQuery AJAX Load is an helper module for easy loading any content using build in jQuery load function. It allows you for a quick and easy Ajax integration.

Just enable the module and add class .jquey_ajax_load to any link, URL content (without other regions) will be loaded on #jquery_ajax_load_target element. Those classes and id could be personalized to your needs. Target element coould be set on a per-link basis using the data-target attribute to define a valid jQuery ID.

  • Define the Valid jQuery Classes (Example: .jquey_ajax_load)
  • Add a valid jQuery ID where AJAX callback will be rendered (Example the region #ajax)
  • Add class .jquey_ajax_load to any link you want to trigger an AJAX load @ jQuery ID

See also:
http://www.stevepolitodesign.com/blog/load-content-drupal-ajax-without-c...

Use the Drupal module "jQuery AJAX Load" for a quick and easy AJAX integration
Modules

Read more articles

Newer
Meta Tags in Drupal 8: Special elements beyond nodes/taxonomies/views
Older
Drupal GMap module: Mixed content with markerclusterer.js or markerclusterer_packed.js
  • Log in to post comments
Profile picture for user drupal
drupal
86
1
min read
A- A+
  • facebook-f
  • twitter
  • envelope
  • print

Contact Us

Get in touch for questions and our Drupal development, design and optimization services.

Contact Us

We aim to reply the latest within 48h.

Drupal 4U: Built for AI. Powered by Drupal.

We are a group of Drupal designers, developers and webmasters. We are Drupal experts! We provide comprehensive services that go beyond traditional web development, focusing on how AI understands, interprets, and cites your content. With our deep expertise in Drupal's architecture, we build the intelligent core of your digital presence, ensuring your brand remains authoritative and visible in a world where AI is the primary gatekeeper of information. Partner with us and let's future-proof your digital strategy together.

  • X Twitter
  • youtube

Drupal Services

  • Drupal Web Design
  • Drupal Development
  • Drupal SEO
  • Drupal GEO
  • Drupal Migration

Drupal 4U

  • Services
  • Showcases
  • Themes
  • Blog
  • About

Drupal Links

  • Official Drupal Website
  • Theme Forest
  • Gaivas Themes
  • More Than Themes
  • DXPR: Drupal for Marketers
  • Drupal Answers
2012 - 2025, Drupal 4U

Footer menu

  • Contact
Home
Drupal 4U
Built for AI. Powered by Drupal.
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact
Clear keys input element