Ajax with PHP: Add Dynamic Content to Websites

Add dynamic, asynchronously loading content to websites to make them more modern, professional, and user friendly with Ajax and PHP. Learn how to use Ajax to send and receive data in the background and how to use PHP to assemble and return text, HTML, or JSON responses. Kevin Skoglund walks viewers through sample projects for the most common Ajax use cases: buttons to allow users to mark or favorite items, forms that validate and submit data in the background, infinite scrolling of paginated content, and autosuggestions beneath a text field.

Topics include:

  • What is Ajax?
  • Creating Ajax requests and responses
  • Monitoring Ajax request state and events
  • Responding to Ajax requests with HTML and JSON
  • Building Ajax buttons
  • Submitting forms with Ajax
  • Implementing infinite scrolling
  • Adding autosuggestions to text fields

Course Timeline:

Ajax with PHP: Add Dynamic Content to Websites Welcome

...

Ajax with PHP: Add Dynamic Content to Websites How to use the exercise file

...

What is Ajax

...

Requests

...

Ajax Responses

...

States and events

...

Load remote text

...

Load remote JSON

...

Using jQuery

...

Detect Ajax requests

...

Respond with HTML partials

...

Respond with JSON data

...

Update page on change

...

Mark favorites on page load

...

Create a Favorite-button

...

Send button Ajax request

...

Process button Ajax request

...

Handle button Ajax response

...

Create an unfavorite button

...

Add a loading spinner

...

Create the form

...

Gather Form-data

...

Handle form errors

...

Disable form button

...

Allow fallback to HTML

...

Prevent default

...

Create a page of items

...

Process a load request

...

Append HTML results

...

Use a data attribute

...

Trigger Ajax on scroll

...

Prevent multiple requests

...

Create a text input

...

Style suggestions

...

Send an autosuggest Ajax request

...

Calculate results

...

Format suggestions with JSON

...

Ajax with PHP: Add Dynamic Content to Websites next step

...

Course Reviews:

Average Rating 0
0 Ratings
Details
5 Stars 0
4 Stars 0
3 Stars 0
2 Stars 0
1 Stars 0

No reviews yet.