Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
AJAX PHP server side validation JSON response
Rating: 4.3 out of 5(92 ratings)
8,353 students

AJAX PHP server side validation JSON response

Create form validation from PHP JSON formatted responses using jQuery AJAX requests sending data to PHP code
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Creating a basic form that sends data to the backend
  • JSON backend php responses
  • using JSON data
  • creating AJAX within jQuery
  • Event listeners

Course content

2 sections14 lectures52m total length
  • introduction to building form validation6:52
  • Web Dev environment and resources for the course3:26
  • Setup HTML form structure5:28
  • AJAX setup form data serialize5:42

    Learn how to set up an ajax form submission with jQuery, serialize form data, prevent default submission, post to a PHP endpoint, and handle JSON responses with success callbacks.

  • Respond with JSON data from server5:50

    Master ajax calls to a php script and return json data. Encode php arrays into json to send error messages and results back to the front end for dynamic display.

  • PHP setup response to AJAX4:41
  • PHP required fields check3:03
  • Frontend messaging to user AJAX9:31
  • Application Tweak and bug fix6:42
  • Source Code HTML0:18
  • Source Code PHP0:06
  • Course Resources and Links0:01

Requirements

  • HTML CSS JavaScript knowledge
  • Basic PHP and local server setup
  • Basic jQuery AJAX syntax

Description

This course will walk you through how to use jQuery AJAX to send data to PHP backend code and retrieve a JSON response from the PHP code.  Use the response data to provide users validation and messaging to the html form.

This course requires prior knowledge of JavaScript, and HTML.   Some jQuery AJAX and PHP is helpful to understand the code syntax.  

Course covers the following within the context of building the validation form.

  • HTML - simple HTML form input types text and email
  • CSS - limited styling of an HTMLform
  • JavaScript - Mainly jQuery some JavaScript data types  Objects and arrays
  • jQuery - AJAX and form submit event listeners
  • PHP - JSON encoding, POST values as variables, Conditional statements, echo content
  • AJAX - POST AJAX send and retrieve data.  Serialize form content
  • JSON - JSON formatted data response.
  • DOM - Document object model event listeners
  • Google DevTools console messaging

Source code is included, step by step instruction on the above topics.   This course is limited to the scope of this project and will not teach these programming languages from scratch.  Please have basic prior understanding of the above topics before commencing with this course.

Explore how to create a simple HTML that submits an AJAX request and retrieves server responses using those responses within JavaScript to create dynamic responses within HTML.  

Taught by an instructor with over 18 years web development experience, ready to help answer any questions you may have.

Learn by example see the code in action!

Are you ready to create form validation, enter the course and start creating your own custom script!



Who this course is for:

  • Web developers
  • Web designers
  • Wen masters
  • Anyone who wants to learn more about AJAX and backend connections