SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Ajax and RJS
Yes, Macs Rule
Ajax


• mini web request from javascript
• used to update pieces of content in page
When NOT to use AJAX


• when the action is related to navigation
• when there is another AJAX call inside that
  action (will get very complicated)
Cons of AJAX


• can slow down a page just as easy as speed
  up a page
• explosion of partials
Pros of AJAX

• when done well, it will make the user
  experience much better
• saves server traffic and potentially load
• and...
It’s cool.
How does it work?
Something like this:




You always need a library.
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS
Ajax and RJS

Contenu connexe

Tendances

Ajax ppt - 32 slides
Ajax ppt - 32 slidesAjax ppt - 32 slides
Ajax ppt - 32 slidesSmithss25
 
More efficient, usable web
More efficient, usable webMore efficient, usable web
More efficient, usable webChris Mills
 
Java script202
Java script202Java script202
Java script202Wasiq Zia
 
Unobtrusive js
Unobtrusive jsUnobtrusive js
Unobtrusive jsbretticus
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajaxNir Elbaz
 
Introduction To JavaScript Ajax
Introduction To JavaScript AjaxIntroduction To JavaScript Ajax
Introduction To JavaScript AjaxReema
 
How to prevent the cache problem in AJAX
How to prevent the cache problem in AJAXHow to prevent the cache problem in AJAX
How to prevent the cache problem in AJAXRamzi Alqrainy
 
Canopy view of single-page applications (SPAs)
Canopy view of single-page applications (SPAs)Canopy view of single-page applications (SPAs)
Canopy view of single-page applications (SPAs)Benjamin Howarth
 
Making Single Page Applications (SPA) faster
Making Single Page Applications (SPA) faster Making Single Page Applications (SPA) faster
Making Single Page Applications (SPA) faster Boris Livshutz
 
Ajax assignment help
Ajax assignment helpAjax assignment help
Ajax assignment helpjohn mayer
 

Tendances (20)

mukesh
mukeshmukesh
mukesh
 
Ajax and PHP
Ajax and PHPAjax and PHP
Ajax and PHP
 
01 Ajax Intro
01 Ajax Intro01 Ajax Intro
01 Ajax Intro
 
Web 2.0 & Ajax Basics
Web 2.0 & Ajax BasicsWeb 2.0 & Ajax Basics
Web 2.0 & Ajax Basics
 
Visual resume
Visual resumeVisual resume
Visual resume
 
Ajax ppt - 32 slides
Ajax ppt - 32 slidesAjax ppt - 32 slides
Ajax ppt - 32 slides
 
More efficient, usable web
More efficient, usable webMore efficient, usable web
More efficient, usable web
 
Java script202
Java script202Java script202
Java script202
 
Unobtrusive js
Unobtrusive jsUnobtrusive js
Unobtrusive js
 
Ajax presentation
Ajax presentationAjax presentation
Ajax presentation
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajax
 
Intoduction to Ajax
Intoduction to AjaxIntoduction to Ajax
Intoduction to Ajax
 
Introduction To JavaScript Ajax
Introduction To JavaScript AjaxIntroduction To JavaScript Ajax
Introduction To JavaScript Ajax
 
Ajax
AjaxAjax
Ajax
 
How to prevent the cache problem in AJAX
How to prevent the cache problem in AJAXHow to prevent the cache problem in AJAX
How to prevent the cache problem in AJAX
 
Canopy view of single-page applications (SPAs)
Canopy view of single-page applications (SPAs)Canopy view of single-page applications (SPAs)
Canopy view of single-page applications (SPAs)
 
Web without framework
Web without frameworkWeb without framework
Web without framework
 
Making Single Page Applications (SPA) faster
Making Single Page Applications (SPA) faster Making Single Page Applications (SPA) faster
Making Single Page Applications (SPA) faster
 
Ajax workshop
Ajax workshopAjax workshop
Ajax workshop
 
Ajax assignment help
Ajax assignment helpAjax assignment help
Ajax assignment help
 

En vedette

簡報1 台灣史
簡報1   台灣史簡報1   台灣史
簡報1 台灣史guestc0f0aa
 
关节镜的手术适应症
关节镜的手术适应症关节镜的手术适应症
关节镜的手术适应症ebonenow
 
Empreendedorismo Digital
Empreendedorismo DigitalEmpreendedorismo Digital
Empreendedorismo DigitalVasco Marques
 
Otwarte dane - surowce publiczne dla rozwoju gospodarki, społeczeństwa i kultury
Otwarte dane - surowce publiczne dla rozwoju gospodarki, społeczeństwa i kulturyOtwarte dane - surowce publiczne dla rozwoju gospodarki, społeczeństwa i kultury
Otwarte dane - surowce publiczne dla rozwoju gospodarki, społeczeństwa i kulturyAlek Tarkowski
 
What Is Linked Data, and What Does it Mean for Libraries? ALAO TEDSIG Spring ...
What Is Linked Data, and What Does it Mean for Libraries? ALAO TEDSIG Spring ...What Is Linked Data, and What Does it Mean for Libraries? ALAO TEDSIG Spring ...
What Is Linked Data, and What Does it Mean for Libraries? ALAO TEDSIG Spring ...Emily Nimsakont
 
Sheep And Dairy Farming2
Sheep And Dairy Farming2Sheep And Dairy Farming2
Sheep And Dairy Farming2Kaaren
 
Some thoughts about leadership
Some thoughts about leadershipSome thoughts about leadership
Some thoughts about leadershiptonyosailing
 
The Dutch Experience Cluster
The Dutch Experience ClusterThe Dutch Experience Cluster
The Dutch Experience Clusterguest449c1a
 
The State of B2B Freemium 2013
The State of B2B Freemium 2013The State of B2B Freemium 2013
The State of B2B Freemium 2013Lincoln Murphy
 
Prawo autorskie w czasach zmiany. O normach społecznych korzystania z treści
Prawo autorskie w czasach zmiany. O normach społecznych korzystania z treściPrawo autorskie w czasach zmiany. O normach społecznych korzystania z treści
Prawo autorskie w czasach zmiany. O normach społecznych korzystania z treściAlek Tarkowski
 
Promises and Pitfalls: Linked Data, Privacy, and Library Catalogs
Promises and Pitfalls: Linked Data, Privacy, and Library CatalogsPromises and Pitfalls: Linked Data, Privacy, and Library Catalogs
Promises and Pitfalls: Linked Data, Privacy, and Library CatalogsEmily Nimsakont
 
blessing even in bad
blessing even in badblessing even in bad
blessing even in baddavid yin
 
SET 2010 Reading/Writing and Technology
SET 2010 Reading/Writing and TechnologySET 2010 Reading/Writing and Technology
SET 2010 Reading/Writing and Technologyjepcke
 
Increasing giving and 4 good presentation
Increasing giving and 4 good presentationIncreasing giving and 4 good presentation
Increasing giving and 4 good presentationtonyosailing
 

En vedette (20)

簡報1 台灣史
簡報1   台灣史簡報1   台灣史
簡報1 台灣史
 
关节镜的手术适应症
关节镜的手术适应症关节镜的手术适应症
关节镜的手术适应症
 
Empreendedorismo Digital
Empreendedorismo DigitalEmpreendedorismo Digital
Empreendedorismo Digital
 
Otwarte dane - surowce publiczne dla rozwoju gospodarki, społeczeństwa i kultury
Otwarte dane - surowce publiczne dla rozwoju gospodarki, społeczeństwa i kulturyOtwarte dane - surowce publiczne dla rozwoju gospodarki, społeczeństwa i kultury
Otwarte dane - surowce publiczne dla rozwoju gospodarki, społeczeństwa i kultury
 
What Is Linked Data, and What Does it Mean for Libraries? ALAO TEDSIG Spring ...
What Is Linked Data, and What Does it Mean for Libraries? ALAO TEDSIG Spring ...What Is Linked Data, and What Does it Mean for Libraries? ALAO TEDSIG Spring ...
What Is Linked Data, and What Does it Mean for Libraries? ALAO TEDSIG Spring ...
 
Reboot 2020
Reboot 2020Reboot 2020
Reboot 2020
 
Sheep And Dairy Farming2
Sheep And Dairy Farming2Sheep And Dairy Farming2
Sheep And Dairy Farming2
 
Some thoughts about leadership
Some thoughts about leadershipSome thoughts about leadership
Some thoughts about leadership
 
Usability
UsabilityUsability
Usability
 
The Dutch Experience Cluster
The Dutch Experience ClusterThe Dutch Experience Cluster
The Dutch Experience Cluster
 
The State of B2B Freemium 2013
The State of B2B Freemium 2013The State of B2B Freemium 2013
The State of B2B Freemium 2013
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
 
Prawo autorskie w czasach zmiany. O normach społecznych korzystania z treści
Prawo autorskie w czasach zmiany. O normach społecznych korzystania z treściPrawo autorskie w czasach zmiany. O normach społecznych korzystania z treści
Prawo autorskie w czasach zmiany. O normach społecznych korzystania z treści
 
Eagle
EagleEagle
Eagle
 
Promises and Pitfalls: Linked Data, Privacy, and Library Catalogs
Promises and Pitfalls: Linked Data, Privacy, and Library CatalogsPromises and Pitfalls: Linked Data, Privacy, and Library Catalogs
Promises and Pitfalls: Linked Data, Privacy, and Library Catalogs
 
blessing even in bad
blessing even in badblessing even in bad
blessing even in bad
 
SET 2010 Reading/Writing and Technology
SET 2010 Reading/Writing and TechnologySET 2010 Reading/Writing and Technology
SET 2010 Reading/Writing and Technology
 
Increasing giving and 4 good presentation
Increasing giving and 4 good presentationIncreasing giving and 4 good presentation
Increasing giving and 4 good presentation
 
Letra t
Letra tLetra t
Letra t
 
Train
TrainTrain
Train
 

Similaire à Ajax and RJS (20)

1 ppt-ajax with-j_query
1 ppt-ajax with-j_query1 ppt-ajax with-j_query
1 ppt-ajax with-j_query
 
Ajax
AjaxAjax
Ajax
 
Ajax3
Ajax3Ajax3
Ajax3
 
Ajax
AjaxAjax
Ajax
 
Ajax Basics And Framework
Ajax Basics And FrameworkAjax Basics And Framework
Ajax Basics And Framework
 
Ajax
AjaxAjax
Ajax
 
Ajax Ppt 1
Ajax Ppt 1Ajax Ppt 1
Ajax Ppt 1
 
Ajax
AjaxAjax
Ajax
 
AJAX
AJAXAJAX
AJAX
 
Ajax ppt
Ajax pptAjax ppt
Ajax ppt
 
Ajax Presentation
Ajax PresentationAjax Presentation
Ajax Presentation
 
Integrating React.js Into a PHP Application
Integrating React.js Into a PHP ApplicationIntegrating React.js Into a PHP Application
Integrating React.js Into a PHP Application
 
Ajax
AjaxAjax
Ajax
 
What is Ajax technology?
What is Ajax technology?What is Ajax technology?
What is Ajax technology?
 
Power Training DevDays 2009
Power Training DevDays 2009Power Training DevDays 2009
Power Training DevDays 2009
 
JavaScript, often abbreviated as JS, is a programming language and core techn...
JavaScript, often abbreviated as JS, is a programming language and core techn...JavaScript, often abbreviated as JS, is a programming language and core techn...
JavaScript, often abbreviated as JS, is a programming language and core techn...
 
Java Server Pages
Java Server PagesJava Server Pages
Java Server Pages
 
AJAX in ASP.NET
AJAX in ASP.NETAJAX in ASP.NET
AJAX in ASP.NET
 
Ajax ppt
Ajax pptAjax ppt
Ajax ppt
 
Ajax: User Experience
Ajax: User ExperienceAjax: User Experience
Ajax: User Experience
 

Plus de Dominiek ter Heide

Plus de Dominiek ter Heide (9)

What is Node and Why does it Matter?
What is Node and Why does it Matter?What is Node and Why does it Matter?
What is Node and Why does it Matter?
 
Big Data loves JS
Big Data loves JSBig Data loves JS
Big Data loves JS
 
Guilder
GuilderGuilder
Guilder
 
Blinkly
BlinklyBlinkly
Blinkly
 
iKnow! API - Upcoming
iKnow! API - UpcomingiKnow! API - Upcoming
iKnow! API - Upcoming
 
Recked, Amsterdam, January 26th
Recked, Amsterdam, January 26thRecked, Amsterdam, January 26th
Recked, Amsterdam, January 26th
 
Reccoon for Strands Recommender
Reccoon for Strands RecommenderReccoon for Strands Recommender
Reccoon for Strands Recommender
 
iKnow! @ Tokyo 2.0
iKnow! @ Tokyo 2.0iKnow! @ Tokyo 2.0
iKnow! @ Tokyo 2.0
 
Open API Architectural Choices Considerations
Open API Architectural Choices ConsiderationsOpen API Architectural Choices Considerations
Open API Architectural Choices Considerations
 

Dernier

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 

Dernier (20)

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 

Ajax and RJS

  • 3. Ajax • mini web request from javascript • used to update pieces of content in page
  • 4. When NOT to use AJAX • when the action is related to navigation • when there is another AJAX call inside that action (will get very complicated)
  • 5. Cons of AJAX • can slow down a page just as easy as speed up a page • explosion of partials
  • 6. Pros of AJAX • when done well, it will make the user experience much better • saves server traffic and potentially load • and...
  • 8. How does it work? Something like this: You always need a library.