• Skip to main content
  • Skip to primary sidebar

WordPress, Genesis Framework and Storefront customization tutorials

  • Archive
    • Genesis
    • WooCommerce
    • WordPress
  • Premium
  • Blog
  • About
    • Tools I Use
  • Contact
  • Login
Home » ajax

ajax

AJAX Filter for WordPress Custom Post Type Taxonomy

2020-12-06 by Gabor Leave a Comment

View Demo

Step #1 - Enqueue scripts in functions.php



Step #2 - Build the filter



To view the full content, please sign up for the membership.

If You are already a member, please log in below:

 
 
Forgot Password

Filed Under: JavaScript, PHP, Premium Content, UI / UX Tagged With: ajax

AJAX Filter for WordPress Categories without Plugin

2020-12-04 by Gabor Leave a Comment

View Demo

Step #1 - Enqueue scripts in functions.php



To view the full content, please sign up for the membership.

If You are already a member, please log in below:

Filed Under: JavaScript, PHP, Premium Content, UI / UX, WordPress Tagged With: ajax

AJAX request from MySQL database

2020-12-03 by Gabor Leave a Comment

HTML

PHP

JavaScript

View GitHub

Filed Under: JavaScript, PHP, SQL Tagged With: ajax

AJAX – Submit data with POST request into a MySQL database

2020-12-03 by Gabor Leave a Comment

To make it work you will need to create a database in phpMyAdmin.

HTML

PHP

JS

View GitHub

Filed Under: JavaScript, PHP Tagged With: ajax

AJAX request – JSON from external API (Breaking Bad)

2020-11-30 by Gabor Leave a Comment

View Demo

In this post I’m going to show You, how to use AJAX to fetch data from an external API asyncronously behind the scenes and put it into our website.

We pull the data from https://breakingbadapi.com

HTML

JavaScript

SCSS

GitHub

Filed Under: JavaScript, UI / UX Tagged With: ajax, API

AJAX request – JSON local file

2020-11-30 by Gabor Leave a Comment

Request single JSON data

Demo
GitHub

Request array JSON data

Demo
GitHub

Filed Under: JavaScript Tagged With: ajax, json

AJAX request – TXT file

2020-11-30 by Gabor Leave a Comment

With Ajax You can receive data asynchronously without page reload.

Method 1 – onload function

GitHub

Method 2 – readystate function

Write text from TXT file in a specific div with AJAX

Demo
GitHub

Filed Under: JavaScript Tagged With: ajax

Dropdown Ajax Filter for Custom Post Type Taxonomy

2020-11-27 by Gabor Leave a Comment

Step 1

Filter by taxonomy terms

Step 2

Send a Request and to Receive Result Data

Step 3

Process the Request in functions.php

Filed Under: JavaScript Tagged With: ajax, jquery

Primary Sidebar

  • Facebook
  • GitHub
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube
WP Rocket - WordPress Caching Plugin
UpdraftPlus Premium

Disclosure: Some of the links in this site are affiliate links. I will be paid a commission if you use this link to make a purchase.

  • Privacy Policy
  • Flames Design
© 2021 WP Flames - All Right Reserved