AJAX in Hindi
DIPLOMA_CSE / Web Technology
AJAX in Hindi
AJAX in Hindi
What is AJAX?
AJAX (Asynchronous JavaScript and XML) рдПрдХ рддрдХрдиреАрдХ рд╣реИ рдЬрд┐рд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рд╡реЗрдм рдкреЗрдЬреЛрдВ рдХреЛ рдмрд┐рдирд╛ рдкреВрд░реА рдкреЗрдЬ рдХреЛ рд░реАрд▓реЛрдб рдХрд┐рдП рдбреЗрдЯрд╛ рдХреЛ рд╕рд░реНрд╡рд░ рд╕реЗ asynchronously рд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред AJAX рдХреА рдорджрдж рд╕реЗ рд╡реЗрдм рдкреЗрдЬ рдкрд░ рдХреЗрд╡рд▓ рдЖрд╡рд╢реНрдпрдХ рдбреЗрдЯрд╛ рдЕрдкрдбреЗрдЯ рд╣реЛрддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдкреЗрдЬ рдХреА рд╕реНрдкреАрдб рдФрд░ рдпреВрдЬрд╝рд░ рдПрдХреНрд╕рдкреАрд░рд┐рдпрдВрд╕ рдореЗрдВ рд╕реБрдзрд╛рд░ рд╣реЛрддрд╛ рд╣реИред
Components of AJAX in Hindi
AJAX рдореЗрдВ рдореБрдЦреНрдп рд░реВрдк рд╕реЗ рдкрд╛рдВрдЪ рдШрдЯрдХ рд╣реЛрддреЗ рд╣реИрдВ:
- Browser Object (XMLHttpRequest): рдпрд╣ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рд╡рд╣ рдСрдмреНрдЬреЗрдХреНрдЯ рд╣реЛрддрд╛ рд╣реИ рдЬреЛ рд╕рд░реНрд╡рд░ рд╕реЗ рдбреЗрдЯрд╛ рднреЗрдЬрдиреЗ рдФрд░ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
- JavaScript: рдпрд╣ рддрдХрдиреАрдХреА рд╣рд┐рд╕реНрд╕рд╛ рд╣реИ рдЬреЛ рд╕рд░реНрд╡рд░ рд╕реЗ рдбреЗрдЯрд╛ рднреЗрдЬрдиреЗ рдФрд░ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдЙрд╕ рдбреЗрдЯрд╛ рдХреЛ рдкреНрд░реЛрд╕реЗрд╕ рдХрд░рддрд╛ рд╣реИред
- Document Object Model (DOM): DOM рд╡реЗрдм рдкреЗрдЬ рдХреЗ HTML рдХреЗ рд╕реНрдЯреНрд░рдХреНрдЪрд░ рдХреЛ рд░рд┐рдкреНрд░реЗрдЬреЗрдВрдЯ рдХрд░рддрд╛ рд╣реИред AJAX рдХрд╛ рдореБрдЦреНрдп рдХрд╛рд░реНрдп DOM рдХреЗ рддрддреНрд╡реЛрдВ рдХреЛ рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рд░реВрдк рд╕реЗ рдЕрдкрдбреЗрдЯ рдХрд░рдирд╛ рд╣реИред
- XML / JSON: AJAX рдореЗрдВ рдбреЗрдЯрд╛ рдХрд╛ рдЖрджрд╛рди-рдкреНрд░рджрд╛рди XML рдпрд╛ JSON рдлреЙрд░реНрдореЗрдЯ рдореЗрдВ рд╣реЛрддрд╛ рд╣реИред JSON рдЕрдзрд┐рдХрддрд░ AJAX рдореЗрдВ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╣рд▓реНрдХрд╛ рдФрд░ рдкрд╛рд░реНрд╕ рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реЛрддрд╛ рд╣реИред
- Server: рд╕рд░реНрд╡рд░ рд╡рд╣ рдЬрдЧрд╣ рд╣реИ рдЬрд╣рд╛рдВ рд╕реЗ рдбреЗрдЯрд╛ рдкреНрд░рд╛рдкреНрдд рд╣реЛрддрд╛ рд╣реИред рдпрд╣ рдЖрдорддреМрд░ рдкрд░ PHP, Node.js, рдпрд╛ рдХрд┐рд╕реА рдЕрдиреНрдп рдмреИрдХрдПрдВрдб рддрдХрдиреАрдХ рд╕реЗ рдЬреБрдбрд╝рд╛ рд╣реЛрддрд╛ рд╣реИред
How AJAX Works in Hindi
AJAX рдХреА рдХрд╛рд░реНрдпрдкреНрд░рдгрд╛рд▓реА рдХреБрдЫ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рд╣реИ:
- Request Initialization: рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ JavaScript рдХреЛрдб XMLHttpRequest рдСрдмреНрдЬреЗрдХреНрдЯ рдмрдирд╛рддрд╛ рд╣реИред рдпрд╣ рд╕рд░реНрд╡рд░ рд╕реЗ рд╕рдВрдкрд░реНрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рд╣реЛрддрд╛ рд╣реИред
- Send Request: XMLHttpRequest рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдбреЗрдЯрд╛ рд╕рд░реНрд╡рд░ рдХреЛ рднреЗрдЬрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣ рдЖрдорддреМрд░ рдкрд░ GET рдпрд╛ POST рдореЗрдердб рдХреЗ рдЬрд░рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
- Server Processing: рд╕рд░реНрд╡рд░ рдкреНрд░рд╛рдкреНрдд рдбреЗрдЯрд╛ рдХреЛ рдкреНрд░реЛрд╕реЗрд╕ рдХрд░рддрд╛ рд╣реИ рдФрд░ рдлрд┐рд░ рдХреНрд▓рд╛рдЗрдВрдЯ (рдмреНрд░рд╛рдЙрдЬрд╝рд░) рдХреЛ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рднреЗрдЬрддрд╛ рд╣реИред
- Receive Response: рдХреНрд▓рд╛рдЗрдВрдЯ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ JavaScript рд╕рд░реНрд╡рд░ рд╕реЗ рднреЗрдЬреЗ рдЧрдП рдбреЗрдЯрд╛ рдХреЛ рдкреНрд░рд╛рдкреНрдд рдХрд░рддрд╛ рд╣реИред
- Update DOM: рдкреНрд░рд╛рдкреНрдд рдбреЗрдЯрд╛ рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ DOM рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдкреЗрдЬ рдмрд┐рдирд╛ рд░реАрд▓реЛрдб рд╣реБрдП рдмрджрд▓ рдЬрд╛рддрд╛ рд╣реИред
Advantages of AJAX in Hindi
AJAX рдХреЗ рдЙрдкрдпреЛрдЧ рд╕реЗ рдХрдИ рдлрд╛рдпрджреЗ рд╣реЛрддреЗ рд╣реИрдВ, рдЬреЛ рдЗрд╕реЗ рдЖрдзреБрдирд┐рдХ рд╡реЗрдм рдбреЗрд╡рд▓рдкрдореЗрдВрдЯ рдореЗрдВ рдмрд╣реБрдд рд▓реЛрдХрдкреНрд░рд┐рдп рдмрдирд╛рддреЗ рд╣реИрдВ:
- Improved User Experience: AJAX рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд╡реЗрдм рдкреЗрдЬ рдмрд┐рдирд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд░реАрд▓реЛрдб рдХрд┐рдП рдЕрдкрдбреЗрдЯ рд╣реЛрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рд╕реЗ рдпреВрдЬрд╝рд░ рдХреЛ рдмреЗрд╣рддрд░ рдЕрдиреБрднрд╡ рдорд┐рд▓рддрд╛ рд╣реИред
- Reduced Server Load: AJAX рдореЗрдВ рдХреЗрд╡рд▓ рдЖрд╡рд╢реНрдпрдХ рдбреЗрдЯрд╛ рд╕рд░реНрд╡рд░ рд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рд╕рд░реНрд╡рд░ рдкрд░ рд▓реЛрдб рдХрдо рд╣реЛрддрд╛ рд╣реИред
- Asynchronous Data Loading: AJAX рдбреЗрдЯрд╛ рдХреЛ рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рддрд░реАрдХреЗ рд╕реЗ рд▓реЛрдб рдХрд░рддрд╛ рд╣реИ, рдпрд╛рдиреА рдпреВрдЬрд╝рд░ рдХреЛ рдбреЗрдЯрд╛ рд▓реЛрдб рд╣реЛрдиреЗ рдХрд╛ рдЗрдВрддрдЬрд╛рд░ рдирд╣реАрдВ рдХрд░рдирд╛ рдкрдбрд╝рддрд╛ред
- Faster Web Pages: рдкреЗрдЬ рдХреЗ рдХреЗрд╡рд▓ рдЖрд╡рд╢реНрдпрдХ рд╣рд┐рд╕реНрд╕реЗ рдЕрдкрдбреЗрдЯ рд╣реЛрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рд╕реЗ рдкреЗрдЬ рдХреА рд╕реНрдкреАрдб рдореЗрдВ рд╕реБрдзрд╛рд░ рд╣реЛрддрд╛ рд╣реИред
- Reduced Bandwidth Consumption: AJAX рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ, рдХреЗрд╡рд▓ рдЖрд╡рд╢реНрдпрдХ рдбреЗрдЯрд╛ рднреЗрдЬрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдмреИрдВрдбрд╡рд┐рдбреНрде рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрдо рд╣реЛрддрд╛ рд╣реИред
Disadvantages of AJAX in Hindi
рд╣рд╛рд▓рд╛рдВрдХрд┐ AJAX рдХреЗ рдХрдИ рдлрд╛рдпрджреЗ рд╣реИрдВ, рдЗрд╕рдХреЗ рдХреБрдЫ рдиреБрдХрд╕рд╛рди рднреА рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВ:
- SEO Issues: AJAX рджреНрд╡рд╛рд░рд╛ рд▓реЛрдб рдХрд┐рдпрд╛ рдЧрдпрд╛ рдХрдВрдЯреЗрдВрдЯ рдЦреЛрдЬ рдЗрдВрдЬрди рджреНрд╡рд╛рд░рд╛ рдЗрдВрдбреЗрдХреНрд╕ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛, рдЬрд┐рд╕рд╕реЗ SEO рдкрд░ рдирдХрд╛рд░рд╛рддреНрдордХ рдкреНрд░рднрд╛рд╡ рдкрдбрд╝ рд╕рдХрддрд╛ рд╣реИред
- Browser Compatibility: рдХреБрдЫ рдкреБрд░рд╛рдиреЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдореЗрдВ AJAX рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ, рдЬреЛ рдПрдХ рдмрдбрд╝реА рд╕рдорд╕реНрдпрд╛ рд╣реЛ рд╕рдХрддреА рд╣реИред
- Increased Complexity: AJAX рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдореЗрдВ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдФрд░ рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб рдХреЛрдб рдХреА рдЬрдЯрд┐рд▓рддрд╛ рдмрдврд╝ рд╕рдХрддреА рд╣реИред
- Security Risks: AJAX рдореЗрдВ рдбреЗрдЯрд╛ рдХрд╛ рдЖрджрд╛рди-рдкреНрд░рджрд╛рди рдЦреБрд▓рд╛ рд╣реЛрддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдЧрд▓рдд рдЗрд╕реНрддреЗрдорд╛рд▓ рд╣реЛрдиреЗ рдХреА рд╕рдВрднрд╛рд╡рдирд╛ рд░рд╣рддреА рд╣реИ, рдЬреИрд╕реЗ XSS (Cross-Site Scripting) рд╣рдорд▓реЗред
- Difficult Debugging: AJAX рдЖрдзрд╛рд░рд┐рдд рд╡реЗрдм рдкреЗрдЬ рдореЗрдВ рдбреАрдмрдЧрд┐рдВрдЧ рдХрд░рдирд╛ рдЕрдзрд┐рдХ рдХрдард┐рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдиреЗрдЯрд╡рд░реНрдХ рдкрд░ рдбреЗрдЯрд╛ рдХреА рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдкреНрд░реЛрд╕реЗрд╕рд┐рдВрдЧ рд╣реЛрддреА рд╣реИред
FAQs
AJAX (Asynchronous JavaScript and XML) рдПрдХ рддрдХрдиреАрдХ рд╣реИ, рдЬрд┐рд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рд╡реЗрдм рдкреЗрдЬреЛрдВ рдХреЛ рдмрд┐рдирд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд░реАрд▓реЛрдб рдХрд┐рдП рдбреЗрдЯрд╛ рдХреЛ рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рд░реВрдк рд╕реЗ рд╕рд░реНрд╡рд░ рд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣ рд╡реЗрдм рдкреЗрдЬ рдХреЛ рдЕрдзрд┐рдХ рдЗрдВрдЯрд░реЗрдХреНрдЯрд┐рд╡ рдФрд░ рдпреВрдЬрд╝рд░-рдлреНрд░реЗрдВрдбрд▓реА рдмрдирд╛рддрд╛ рд╣реИред
AJAX рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬрдм JavaScript рд╕рд░реНрд╡рд░ рд╕реЗ рдбреЗрдЯрд╛ рднреЗрдЬрддрд╛ рд╣реИ рдФрд░ рдкреНрд░рд╛рдкреНрдд рдХрд░рддрд╛ рд╣реИ рдмрд┐рдирд╛ рдкреЗрдЬ рдХреЛ рд░реАрд▓реЛрдб рдХрд┐рдПред рдпрд╣ рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рддрд░реАрдХреЗ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдЬрд┐рд╕рдХрд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рдпреВрдЬрд╝рд░ рдЗрдВрдЯрд░рдлреЗрд╕ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд┐рдП рдмрд┐рдирд╛ рдбреЗрдЯрд╛ рднреЗрдЬрд╛ рдФрд░ рдкреНрд░рд╛рдкреНрдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
AJAX рдХреЗ рдореБрдЦреНрдп рдШрдЯрдХ рд╣реИрдВ:
- XMLHttpRequest (Browser Object)
- JavaScript
- DOM (Document Object Model)
- XML/JSON
- Server
AJAX рдХреЗ рдкреНрд░рдореБрдЦ рдлрд╛рдпрджреЗ рд╣реИрдВ:
- Improved User Experience (рдмреЗрд╣рддрд░ рдпреВрдЬрд╝рд░ рдЕрдиреБрднрд╡)
- Reduced Server Load (рдХрдо рд╕рд░реНрд╡рд░ рд▓реЛрдб)
- Asynchronous Data Loading (рдЕрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдбреЗрдЯрд╛ рд▓реЛрдбрд┐рдВрдЧ)
- Faster Web Pages (рддреЗрдЬ рд╡реЗрдм рдкреЗрдЬ)
- Reduced Bandwidth Consumption (рдХрдо рдмреИрдВрдбрд╡рд┐рдбреНрде рдЦрдкрдд)
AJAX рдХреЗ рдХреБрдЫ рдиреБрдХрд╕рд╛рди рд╣реИрдВ:
- SEO Issues (SEO рд╕рдорд╕реНрдпрд╛рдПрдВ)
- Browser Compatibility Issues (рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдВрдЧрддрддрд╛ рд╕рдорд╕реНрдпрд╛рдПрдВ)
- Increased Complexity (рдЬрдЯрд┐рд▓рддрд╛ рдореЗрдВ рд╡реГрджреНрдзрд┐)
- Security Risks (рд╕реБрд░рдХреНрд╖рд╛ рдЬреЛрдЦрд┐рдо)
- Difficult Debugging (рдбреАрдмрдЧрд┐рдВрдЧ рдореЗрдВ рдХрдард┐рдирд╛рдИ)
AJAX рдЕрдзрд┐рдХрд╛рдВрд╢ рдЖрдзреБрдирд┐рдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдореЗрдВ рд╕рдорд░реНрдерд┐рдд рд╣реИ, рд▓реЗрдХрд┐рди рдкреБрд░рд╛рдиреЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдЬреИрд╕реЗ Internet Explorer 5 рдФрд░ 6 рдореЗрдВ рдЗрд╕рдХрд╛ рд╕рдорд░реНрдерди рд╕реАрдорд┐рдд рд╣реЛ рд╕рдХрддрд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП, рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдВрдЧрддрддрд╛ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░рдирд╛ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИред