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
English [Auto],

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 sections • 14 lectures • 52m total length

  • introduction to building form validation6:52

    Learn to implement ajax-based form validation with php producing json responses, validating name and email, and updating the user interface without a page refresh.

  • Web Dev environment and resources for the course3:26

    Set up a local php development environment with Zap, start the Apache server, and build a lightweight ajax form using index.html and validator.php in Atom to validate input.

  • Setup HTML form structure5:28

    Set up a basic html form with name and email fields and hidden error messages. Wire the form to validator.php using ajax for server-side validation and json responses.

  • 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

    Demonstrate handling ajax requests with php, retrieving post data, validating with an errors array, and returning a JSON response that includes a boolean success and messages.

  • PHP required fields check3:03

    Learn how to enforce required fields in PHP by checking name and email, returning a JSON errors object on missing fields and a success response via Ajax.

  • Frontend messaging to user AJAX9:31

    Learn how ajax frontend messaging handles php server side validation by returning json with success and errors, then reveal name and email errors and append server messages to the form.

  • Application Tweak and bug fix6:42

    Finalize bugs in a PHP AJAX form by validating name and email fields server-side, returning JSON errors, and displaying dynamic colored messages in the frontend until success.

  • 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

Report abuse