ஜாவாஸ்கிரிப்ட் மற்றும் JQuery ஐ சில ஆண்டுகளாக நாங்கள் அறிவோம். ஜாவாஸ்கிரிப்ட் jQuery ஐ விட முன்பே கண்டுபிடிக்கப்பட்டது. இரண்டும் சக்திவாய்ந்தவை மற்றும் அவை வலை அபிவிருத்தியில் பயன்படுத்தப்படுகின்றன, அவை ஒரே நோக்கத்திற்காகப் பயன்படுத்தப்படுகின்றன, அதாவது வலைப்பக்கத்தை ஊடாடும் மற்றும் மாறும். வேறு வார்த்தைகளில் கூறுவதானால், அவை வலைப்பக்கங்களுக்கு உயிரூட்டுகின்றன. ஒரே நோக்கத்திற்காகப் பயன்படுத்தப்பட்டால், இந்த இரண்டு தனித்தனி கருத்துக்கள் ஏன்? இந்த ஜாவாஸ்கிரிப்ட் Vs jQuery கட்டுரையில், பின்வரும் வரிசையில் மற்றதை விட சிறந்தது எது என்பதைக் கண்டுபிடிப்போம்:
- ஜாவாஸ்கிரிப்ட்: வலை வளர்ச்சியில் ஒரு சக்திவாய்ந்த மொழி
- JQuery: ஜாவாஸ்கிரிப்டிலிருந்து உருவாக்கப்பட்ட ஒரு நூலகம்
- JQuery ஏன் உருவாக்கப்பட்டது மற்றும் JQuery இன் சிறப்பு திறன்கள் என்ன
- எடுத்துக்காட்டுகளுடன் ஜாவாஸ்கிரிப்ட் மற்றும் JQuery இடையே வேறுபாடு
ஜாவாஸ்கிரிப்ட்: வலை வளர்ச்சியில் ஒரு சக்திவாய்ந்த மொழி
ஜாவாஸ்கிரிப்ட் என்பது ஒரு ஸ்கிரிப்டிங் மொழியாகும், இது எங்கள் வலைப்பக்கங்களில் ஊடாடும் தன்மையை சேர்க்க பயன்படுகிறது. இது HTML மற்றும் CSS உடன் மூன்று முக்கிய தொழில்நுட்பங்களில் ஒன்றாகும், அவை வலைப்பக்கங்களை உருவாக்கப் பயன்படுகின்றன. HTML மற்றும் CSS ஆகியவை வலைப்பக்கத்தின் கட்டமைப்பை வரையறுத்து, வலைப்பக்கங்களின் தோற்றம் / ஸ்டைலிங் செய்யும் போது, ஜாவாஸ்கிரிப்ட் வலைப்பக்கத்தை ஊடாடும் தன்மையைச் சேர்ப்பதன் மூலம் மாறும் வகையில் பயன்படுத்தப்படுகிறது, அதாவது ஜாவாஸ்கிரிப்ட் மூலம் மவுஸ் கிளிக், மவுஸ் ஓவர் மற்றும் பிறவற்றிற்கு சில குறியீடுகளை சேர்க்கலாம். வலைப்பக்கத்தில் நிகழ்வுகள் மற்றும் பல.
ஜாவாஸ்கிரிப்ட் அனைத்து வலை உலாவிகளாலும் ஆதரிக்கப்படுகிறது மற்றும் வலை உலாவிகளில் ஜாவாஸ்கிரிப்ட் குறியீட்டை அடையாளம் காணவும் அதனுடன் வேலை செய்யவும் உள்ளமைக்கப்பட்ட ஜாவாஸ்கிரிப்ட் இயந்திரம் உள்ளது. எனவே, ஜாவாஸ்கிரிப்ட் முக்கியமாக கிளையன்ட் பக்க மொழியாகும். இது ஒரு நடைமுறை மொழியாகவும், முன்மாதிரி அடிப்படையிலான பொருள் சார்ந்த மொழியாகவும் பயன்படுத்தக்கூடிய ஒரு மொழி. முதன்மை ஜாவாஸ்கிரிப்டைப் பயன்படுத்தும்போது, நடைமுறை ஜாவாஸ்கிரிப்ட் பொருள் சார்ந்த கருத்துக்களைப் பயன்படுத்தும்போது, நடைமுறை மொழியுடன் நாங்கள் பணியாற்றுகிறோம்.
எங்கள் ஜாவாஸ்கிரிப்ட் Vs jQuery உடன் செல்லலாம் மற்றும் ஜாவாஸ்கிரிப்டிலிருந்து உருவாக்கப்பட்ட நூலகத்தைப் புரிந்துகொள்வோம்.
jQuery: ஜாவாஸ்கிரிப்டிலிருந்து உருவாக்கப்பட்ட ஒரு நூலகம்
பல ஆண்டுகளாக ஜாவாஸ்கிரிப்ட் வலை அபிவிருத்திக்கான சக்திவாய்ந்த மொழியாக மாறியுள்ளது. ஜாவாஸ்கிரிப்ட்டின் மேல் கட்டப்பட்ட பல நூலகங்கள் மற்றும் கட்டமைப்புகள் உள்ளன. இந்த நூலகங்கள் மற்றும் கட்டமைப்புகள் ஜாவாஸ்கிரிப்ட்டின் திறனை விரிவுபடுத்துவதற்கும், அதனுடன் நிறைய விஷயங்களைச் செய்வதற்கும் டெவலப்பரின் வேலையை எளிதாக்குவதற்கும் உருவாக்கப்பட்டுள்ளன.
jQuery என்பது ஜாவாஸ்கிரிப்ட்டின் அத்தகைய ஒரு நூலகமாகும். இது ஜான் ராஜினாமா கண்டுபிடித்த மிகவும் பிரபலமான ஜாவாஸ்கிரிப்ட் நூலகமாகும், இது ஜனவரி 2006 இல் பார்கேம்ப் NYC இல் வெளியிடப்பட்டது. jQuery இலவசம், ஒரு திறந்த மூல நூலகம், MIT உரிமத்தின் கீழ் உரிமம் பெற்றது. இது குறுக்கு உலாவி பொருந்தக்கூடிய சக்திவாய்ந்த அம்சத்தைக் கொண்டுள்ளது. ஜாவாஸ்கிரிப்ட் மூலம் நாம் எதிர்கொள்ளக்கூடிய குறுக்கு உலாவி சிக்கல்களை இது எளிதாகக் கையாள முடியும். இதனால் பல டெவலப்பர்கள் குறுக்கு உலாவி பொருந்தக்கூடிய சிக்கல்களைத் தவிர்க்க jQuery ஐப் பயன்படுத்துகின்றனர்.
இப்போது எங்கள் ஜாவாஸ்கிரிப்ட் Vs jQuery வலைப்பதிவுடன் செல்லலாம், ஏன் jQuery உருவாக்கப்பட்டது என்று பார்ப்போம்.
JQuery ஏன் உருவாக்கப்பட்டது மற்றும் jQuery இன் சிறப்பு திறன்கள் யாவை?
ஜாவாஸ்கிரிப்ட்டில், அடிப்படை செயல்பாடுகளுக்கு நாம் நிறைய குறியீடுகளை எழுத வேண்டும், அதே சமயம் jQuery உடன் அதே செயல்பாடுகளை ஒற்றை வரியுடன் செய்ய முடியும். எனவே டெவலப்பர்கள் ஜாவாஸ்கிரிப்டை விட jQuery உடன் பணிபுரிவது எளிதாக இருக்கும்.
- JQuery உருவாகியுள்ள அடிப்படை மொழி ஜாவாஸ்கிரிப்ட் என்றாலும், jQuery நிகழ்வு கையாளுதல், DOM கையாளுதல் ஆகியவற்றை செய்கிறது, ஜாவாஸ்கிரிப்டை விட அஜாக்ஸ் அழைக்கிறது. jQuery எங்கள் வலைப்பக்கத்தில் அனிமேஷன் விளைவுகளைச் சேர்க்கவும் அனுமதிக்கிறது, இது ஜாவாஸ்கிரிப்ட் மூலம் அதிக வலி மற்றும் குறியீடு வரிகளை எடுக்கும்.
- ஒரு வலைப்பக்கத்தில் ஒரு செயல்பாட்டைச் செய்வதற்கு jQuery உள்ளமைக்கப்பட்ட செருகுநிரல்களைக் கொண்டுள்ளது. சொருகி அதைப் பயன்படுத்த எங்கள் வலைப்பக்கத்தில் சேர்க்க வேண்டும் அல்லது இறக்குமதி செய்ய வேண்டும். இதனால் அனிமேஷன்கள் மற்றும் இடைவினைகள் அல்லது விளைவுகளின் சுருக்கங்களை உருவாக்க செருகுநிரல்கள் நம்மை அனுமதிக்கின்றன.
- எங்கள் தனிப்பயன் சொருகி jQuery உடன் உருவாக்கலாம். ஒரு வலைப்பக்கத்தில் ஒரு குறிப்பிட்ட வழியில் அனிமேஷன் செய்யப்பட வேண்டும் எனில், தேவைக்கேற்ப ஒரு சொருகி உருவாக்கி அதை எங்கள் வலைப்பக்கத்தில் பயன்படுத்தலாம்.
- jQuery ஒரு உயர் மட்ட UI விட்ஜெட் நூலகத்தையும் கொண்டுள்ளது. இந்த விட்ஜெட் நூலகத்தில் முழு அளவிலான செருகுநிரல்கள் உள்ளன, அவை எங்கள் வலைப்பக்கத்தில் இறக்குமதி செய்யலாம் மற்றும் பயனர் நட்பு வலைப்பக்கங்களை உருவாக்க பயன்படுத்தலாம்.
வித்தியாசத்தைப் புரிந்துகொள்வோம்.
ஜாவாஸ்கிரிப்ட் vs jQuery
அம்சங்கள் | ஜாவாஸ்கிரிப்ட் | jQuery |
இருப்பு | ஜாவாஸ்கிரிப்ட் ஒரு சுயாதீனமான மொழி மற்றும் அதன் சொந்தமாக இருக்க முடியும். | jQuery ஒரு ஜாவாஸ்கிரிப்ட் நூலகம். ஜாவாஸ்கிரிப்ட் இல்லாதிருந்தால் இது கண்டுபிடிக்கப்பட்டிருக்காது. jQuery இன்னும் ஜாவாஸ்கிரிப்டை சார்ந்துள்ளது, ஏனெனில் அதை உலாவி உள்ளமைக்கப்பட்ட ஜாவாஸ்கிரிப்ட் எஞ்சினுக்கு ஜாவாஸ்கிரிப்டாக மாற்ற வேண்டும். |
மொழி | இது ஒரு உயர் மட்ட விளக்கம் கிளையன்ட் பக்க ஸ்கிரிப்டிங் மொழியாகும். இது ECMA ஸ்கிரிப்ட் மற்றும் DOM (ஆவண பொருள் மாதிரி) ஆகியவற்றின் கலவையாகும் | இது இலகுரக ஜாவாஸ்கிரிப்ட் நூலகம். இது DOM ஐ மட்டுமே கொண்டுள்ளது |
குறியீட்டு முறை | எங்கள் சொந்த குறியீட்டை எழுத வேண்டியிருப்பதால் ஜாவாஸ்கிரிப்ட் அதிக குறியீடுகளைப் பயன்படுத்துகிறது | குறியீடு ஏற்கனவே அதன் நூலகத்தில் எழுதப்பட்டிருக்கும் அதே செயல்பாட்டிற்காக jQuery ஜாவாஸ்கிரிப்டை விட குறைவான குறியீடுகளைப் பயன்படுத்துகிறது, நாங்கள் நூலகத்தை இறக்குமதி செய்ய வேண்டும் மற்றும் எங்கள் குறியீட்டில் நூலகத்தின் தொடர்புடைய செயல்பாடு / முறையைப் பயன்படுத்த வேண்டும். |
பயன்பாடு | ஜாவாஸ்கிரிப்ட் குறியீடு ஒரு HTML பக்கத்தில் ஸ்கிரிப்ட் குறிச்சொல்லுக்குள் எழுதப்பட்டுள்ளது | நாம் jQuery ஐ CDN இலிருந்து அல்லது jQuery நூலகம் பதிவிறக்கம் செய்யப்பட்ட இடத்திலிருந்து அதைப் பயன்படுத்த இறக்குமதி செய்ய வேண்டும். HTML பக்கத்தில் ஸ்கிரிப்ட் டேக் உள்ளே jQuery குறியீடு எழுதப்பட்டுள்ளது. |
அனிமேஷன்கள் | ஜாவாஸ்கிரிப்டில் பல வரிக் குறியீடுகளுடன் அனிமேஷன்களை உருவாக்கலாம். அனிமேஷன்கள் முக்கியமாக ஒரு HTML பக்கத்தின் பாணியைக் கையாளுவதன் மூலம் செய்யப்படுகின்றன. | JQuery இல், குறைவான குறியீடுகளுடன் அனிமேஷன் விளைவுகளை எளிதாக சேர்க்கலாம். |
பயனர் நட்பு | ஜாவாஸ்கிரிப்ட் டெவலப்பருக்கு சிக்கலானது, ஏனெனில் இது ஒரு செயல்பாட்டை அடைய பல குறியீடு வரிகளை எடுக்கலாம் | சில வரிகளைக் கொண்ட ஜாவாஸ்கிரிப்டை விட jQuery அதிக பயனர் நட்பு |
குறுக்கு உலாவி பொருந்தக்கூடிய தன்மை | ஜாவாஸ்கிரிப்ட்டில், கூடுதல் குறியீடு அல்லது பணித்தொகுப்பை எழுதுவதன் மூலம் குறுக்கு உலாவி பொருந்தக்கூடிய தன்மையை நாங்கள் கையாள வேண்டியிருக்கலாம். | jQuery குறுக்கு உலாவி இணக்கமானது. எங்கள் குறியீட்டை உலாவிக்கு இணக்கமாக்குவதற்கு எந்தவொரு பணித்தொகுப்பையும் அல்லது கூடுதல் குறியீட்டையும் எழுதுவது பற்றி நாங்கள் கவலைப்பட தேவையில்லை. |
செயல்திறன் | ஜாவாஸ்கிரிப்ட் நேரடியாக உலாவியால் செயலாக்கப்படுவதால், jQuery ஐ விட தூய ஜாவாஸ்கிரிப்ட் DOM தேர்வு / கையாளுதலுக்கு வேகமாக இருக்கும். | ஒரு உலாவியில் இயங்குவதற்காக jQuery ஐ ஜாவாஸ்கிரிப்டாக மாற்ற வேண்டும். |
நிகழ்வு கையாளுதல், ஊடாடும் திறன் மற்றும் அஜாக்ஸ் அழைப்புகள் | இவை அனைத்தையும் ஜாவாஸ்கிரிப்டில் செய்ய முடியும், ஆனால் நாம் பல வரிகளை எழுத வேண்டியிருக்கும். | குறைவான வரிகளைக் கொண்ட jQuery மூலம் இவை அனைத்தையும் எளிதாக செய்ய முடியும். நூலகத்தில் செயல்பாடுகள் முன்பே வரையறுக்கப்பட்டுள்ளதால், ஊடாடும் திறன், அனிமேஷன்களைச் சேர்ப்பது மற்றும் அஜாக்ஸ் அழைப்புகளைச் செய்வது jQuery இல் எளிதானது. அந்த செயல்பாடுகளை எங்கள் குறியீட்டில் தேவையான இடங்களில் பயன்படுத்துகிறோம். |
வினைத்திறன் | ஜாவாஸ்கிரிப்ட் ஒரு செயல்பாட்டிற்கு பல வரிகளை எழுத வேண்டியிருப்பதால் அது வாய்மொழியாகும் | jQuery சுருக்கமானது மற்றும் குறைவான குறியீடுகளின் வரிகளைப் பயன்படுத்துகிறது, சில நேரங்களில் ஒரே ஒரு குறியீடு மட்டுமே. |
அளவு மற்றும் எடை | ஒரு மொழியாக இருப்பதால், இது jQuery ஐ விட கனமானது | ஒரு நூலகமாக இருப்பதால், அது இலகுரக. இது அதன் குறியீட்டின் மினிஃபைட் பதிப்பைக் கொண்டுள்ளது, இது குறைந்த எடையைக் கொண்டுள்ளது. |
மறுபயன்பாடு மற்றும் பராமரித்தல் | ஜாவாஸ்கிரிப்ட் குறியீடு வாய்மொழியாக இருக்கக்கூடும், எனவே பராமரிக்கவும் மீண்டும் பயன்படுத்தவும் கடினமாக இருக்கும். | குறியீட்டின் குறைவான வரிகளுடன், jQuery மிகவும் பராமரிக்கக்கூடியது, ஏனெனில் எங்கள் குறியீட்டில் உள்ள jQuery நூலகத்தில் முன் வரையறுக்கப்பட்ட செயல்பாடுகளை நாம் அழைக்க வேண்டும். இது குறியீட்டின் வெவ்வேறு இடங்களில் jQuery செயல்பாடுகளை எளிதாக மீண்டும் பயன்படுத்தவும் செய்கிறது. |
ஜாவாஸ்கிரிப்ட் மற்றும் jQuery ஆகியவற்றுக்கு இடையேயான வித்தியாசத்துடன் எடுத்துக்காட்டுடன் நகரும்.
ஜாவாஸ்கிரிப்ட் vs jQuery உதாரணங்களுடன்
எடுத்துக்காட்டுகளைப் பார்ப்போம்.
எங்கள் HTML ஆவணத்தில் ஜாவாஸ்கிரிப்ட் மற்றும் jQuery ஐ சேர்ப்பது
டேவிற்குள் உள்ள HTML ஆவணத்தில் ஜாவாஸ்கிரிப்ட் நேரடியாக சேர்க்கப்படுகிறது அல்லது வெளிப்புற ஜாவாஸ்கிரிப்ட் கோப்பை ஒரு HTML ஆவணத்தில் src பண்புக்கூறு பயன்படுத்தி சேர்க்கலாம்.
ஸ்கிரிப்ட் குறிச்சொல்லுக்குள் நேரடியாக எழுதப்பட்டது:
எச்சரிக்கை ('இந்த எச்சரிக்கை பெட்டி ஆன்லோட் நிகழ்வுடன் அழைக்கப்பட்டது')
JQuery ஐப் பயன்படுத்த, கோப்பை அதன் வலைத்தளத்திலிருந்து பதிவிறக்கம் செய்து, பதிவிறக்கம் செய்யப்பட்ட jQuery கோப்பின் பாதையை SCRIPT குறிச்சொல்லின் src பண்புக்கூறில் குறிப்பிடுகிறோம் அல்லது சிடிஎன் (உள்ளடக்க விநியோக வலையமைப்பு) இலிருந்து நேரடியாக அதைப் பெறலாம்.
சி.டி.என் பயன்படுத்துதல் :
DOM டிராவர்சல் மற்றும் கையாளுதலைப் புரிந்துகொள்வோம்
DOM டிராவர்சல் மற்றும் கையாளுதல்
ஜாவாஸ்கிரிப்டில்:
Document.getElementById () முறையைப் பயன்படுத்தி அல்லது document.querySelector () முறையைப் பயன்படுத்தி ஜாவாஸ்கிரிப்டில் ஒரு DOM உறுப்பை நாம் தேர்ந்தெடுக்கலாம்.
var mydiv = document.querySelector (“# div1”)
அல்லது
document.getElementById (“# div1”)
JQuery இல்:
இங்கே, அடைப்புக்குறிகளில் தேர்வாளருடன் $ குறியீட்டை மட்டுமே பயன்படுத்த வேண்டும்.
select (தேர்வாளர்) $ (“# div1”) - தேர்வாளர் ஒரு ஐடி 'div1' $ (“. div1”) - தேர்வாளர் ஒரு வகுப்பு 'div1' $ (“p”) - தேர்வாளர் என்பது பத்தியில் உள்ள பத்தி HTML பக்கம்
மேலே உள்ள அறிக்கையில், j என்பது jQuery ஐ அணுக பயன்படும் ஒரு அடையாளம், தேர்வாளர் ஒரு HTML உறுப்பு.
ஜாவாஸ்கிரிப்டில் பாணிகளைச் சேர்த்தல்:
document.getElementById ('myDiv'). style.backgroundColor = '# FFF'
JQuery இல் பாணிகளைச் சேர்த்தல்:
$ ('# myDiv'). CSS (‘பின்னணி-வண்ணம்’, '# FFF')
#MyDiv தேர்வாளர் ‘myDiv’ அடையாளங்காட்டியைக் குறிக்கிறது
DOM உறுப்பு தேர்வு மற்றும் கையாளுதல் ஜாவாஸ்கிரிப்டை விட jQuery இல் மிகவும் சுருக்கமானது.
நிகழ்வு கையாளுதலுடன் நகரும்.
நிகழ்வு கையாளுதல்
ஜாவாஸ்கிரிப்டில், நாங்கள் ஒரு HTML உறுப்பைத் தேர்ந்தெடுக்கிறோம்:
document.getElementById ('# button1'). addEventListener ('கிளிக் ”, myCallback) செயல்பாடு myCallback () {பணியகம் (“ myCallback செயல்பாட்டிற்குள் ”) function
இங்கே ஒரு உறுப்பை அதன் ஐடியால் தேர்ந்தெடுக்க getElementById () முறை பயன்படுத்தப்படுகிறது, பின்னர் நிகழ்வுக்கு ஒரு நிகழ்வு கேட்பவரை சேர்க்க addEventListener () முறையைப் பயன்படுத்துகிறோம். இந்த எடுத்துக்காட்டில், ‘கிளிக்’ நிகழ்வுக்கு கேட்பவராக myCallback செயல்பாட்டைச் சேர்க்கிறோம்.
மேலே உள்ள எடுத்துக்காட்டில் நாம் ஒரு அநாமதேய செயல்பாட்டைப் பயன்படுத்தலாம்:
document.getElementById ('# button1'). addEventListener ('கிளிக் ”, செயல்பாடு () {console.log (“ செயல்பாட்டுக்குள் ”)})
RemoveEventListener () முறையைப் பயன்படுத்தி நிகழ்வு பட்டியலை அகற்றலாம்
document.getElementById (“# button1”). removeEventListener (“கிளிக்”, myCallback)
JQuery இல்
jQuery கிட்டத்தட்ட அனைத்து DOM செயல்களுக்கும் முன் வரையறுக்கப்பட்ட நிகழ்வுகளைக் கொண்டுள்ளது. ஒரு செயலுக்கு குறிப்பிட்ட jQuery நிகழ்வைப் பயன்படுத்தலாம்.
$ (“P”). கிளிக் செய்யவும் (செயல்பாடு () {// கிளிக் செயலை})
பிற எடுத்துக்காட்டுகள்:
வசந்த காலத்தில் போஜோ என்றால் என்ன
$ (“# பொத்தான் 1”). Dblclick (செயல்பாடு () id // ஐடி ‘பொத்தான் 1’ ஐ கொண்ட HTML உறுப்பு மீது இரட்டை கிளிக் நிகழ்வுக்கான செயல்
ஒரு DOM உறுப்புக்கு ஒன்று அல்லது அதற்கு மேற்பட்ட நிகழ்வுகளைச் சேர்க்க JQuery ‘ஆன்’ முறை பயன்படுத்தப்படுகிறது.
$ (“# பொத்தான் 1”). இல் (“கிளிக்”, செயல்பாடு () action // செயல் இங்கே})
முறை மூலம் பல நிகழ்வுகள் மற்றும் பல நிகழ்வு கையாளுபவர்களை நாம் சேர்க்கலாம்.
$ (“பொத்தான் 1”). இல் ({கிளிக்: செயல்பாடு () {// செயல் இங்கே}, dblclick: செயல்பாடு () {// செயல் இங்கே}})
இரண்டு அல்லது அதற்கு மேற்பட்ட நிகழ்வுகள் கீழே உள்ள அதே கையாளுதலைக் கொண்டிருக்கலாம்:
$ (“# பொத்தான் 1”). இல் (“dblclick என்பதைக் கிளிக் செய்க”, செயல்பாடு () action // செயல் இங்கே})
ஆகவே, குறைவான மற்றும் சுருக்கமான குறியீட்டைக் கொண்டு, ஜாவாஸ்கிரிப்டைக் காட்டிலும் நிகழ்வு கையாளுதல் jQuery இல் எளிதானது என்பதைக் காண்கிறோம்.
அஜாக்ஸ் அழைப்புகளுடன் நகரும்.
அஜாக்ஸ் அழைப்புகள்
ஜாவாஸ்கிரிப்டில்
ஒரு சேவையகத்திற்கு அஜாக்ஸ் கோரிக்கையை அனுப்ப ஜாவாஸ்கிரிப்ட் ஒரு XMLHttpRequest பொருளைப் பயன்படுத்தியது. XMLHttpRequest அஜாக்ஸ் அழைப்பை உருவாக்க பல முறைகளைக் கொண்டுள்ளது. இரண்டு பொதுவான முறைகள் திறந்தவை (முறை, URL, ஒத்திசைவு, பயனர், PSW), அனுப்பு () மற்றும் அனுப்பு (சரம்).
முதலில் ஒரு XMLHttpRequest ஐ உருவாக்குவோம்:
var xhttp = new XMLHttpRequest () பின்னர் திறந்த முறையை அழைக்க இந்த பொருளைப் பயன்படுத்தவும்: xhttp.open ('GET', 'D: //getinfo.txt', உண்மை) xhttp.send ()
திறந்த முறை ஒரு சேவையகம் / இருப்பிடத்திற்கு ஒரு கோரிக்கையைப் பெறுகிறது, கோரிக்கை ஒத்திசைவற்றது என்பதை உண்மை குறிப்பிடுகிறது. மதிப்பு தவறானது என்றால், கோரிக்கை ஒத்திசைந்தது என்று பொருள்.
இடுகை கோரிக்கை:
var xhttp = new XMLHttpRequest () பின்னர் இந்த முறையைப் பயன்படுத்தி திறந்த முறையை அழைக்கவும் மற்றும் ஒரு இடுகை கோரிக்கையை செய்யவும்: xhttp.open ('POST', 'D: //postinfo.txt', உண்மை) xhttp.send ()
கோரிக்கையுடன் தரவை இடுகையிட, அனுப்ப வேண்டிய தரவு வகையை வரையறுக்க xhttp இன் setRequestHeader முறையைப் பயன்படுத்துகிறோம், அனுப்பும் முறை தரவை முக்கிய / மதிப்பு ஜோடிகளில் அனுப்புகிறது:
xhttp.setRequestHeader ('உள்ளடக்க வகை', 'பயன்பாடு / x-www-form-urlencoded') xhttp.send ('பெயர் = ரவி & குடும்பப்பெயர் = குமார்')
JQuery இல்
அஜாக்ஸ் அழைப்புகளைச் செய்ய jQuery பல உள்ளடிக்கிய முறைகளைக் கொண்டுள்ளது. இந்த முறைகள் மூலம், சேவையகத்திலிருந்து எந்த தரவையும் அழைக்கலாம் மற்றும் வலைப்பக்கத்தின் ஒரு பகுதியை தரவுடன் புதுப்பிக்கலாம். jQuery முறைகள் அஜாக்ஸ் அழைப்பை எளிதாக்குகின்றன.
JQuery சுமை () முறை: இந்த முறை ஒரு URL இலிருந்து தரவைப் பெற்று தரவை ஒரு HTML தேர்வாளருக்கு ஏற்றும்.
Load (“p”). சுமை (URL, தரவு, திரும்பப்பெறுதல்)
URL என்பது தரவுக்கு அழைக்கப்படும் இடம், விருப்ப தரவு அளவுரு என்பது நாம் அழைப்போடு அனுப்ப விரும்பும் தரவு (விசை / மதிப்பு ஜோடிகள்) மற்றும் விருப்ப அளவுரு 'கால்பேக்' என்பது சுமைக்குப் பிறகு நாம் இயக்க விரும்பும் முறை முடிந்தது.
JQuery $ .get () மற்றும் $ .post () முறை: இந்த முறை ஒரு URL இலிருந்து தரவைப் பெற்று தரவை ஒரு HTML தேர்வாளருக்கு ஏற்றும்.
get .get (URL, திரும்ப அழைத்தல்)
URL என்பது தரவுக்கு அழைக்கப்படும் இருப்பிடமாகும், மேலும் சுமை முடிந்ததும் நாங்கள் இயக்க விரும்பும் முறையே கால்பேக் ஆகும்.
$. போஸ்ட் (URL, தரவு, திரும்பப்பெறுதல்)
URL என்பது தரவுக்கு அழைக்கப்படும் இருப்பிடமாகும், தரவு என்பது நாம் அழைப்போடு அனுப்ப விரும்பும் முக்கிய / மதிப்பு ஜோடி / கள் மற்றும் சுமை முடிந்ததும் நாங்கள் இயக்க விரும்பும் முறையாகும். இங்கே தரவு மற்றும் அழைப்பு அளவுருக்கள் விருப்பமானவை.
jQuery அஜாக்ஸ் அழைப்புகள் ஜாவாஸ்கிரிப்டை விட சுருக்கமானவை. ஜாவாஸ்கிரிப்டில், நாங்கள் ஒரு XMLHTTPRequest பொருளைப் பயன்படுத்துகிறோம், jQuery இல் நாம் அத்தகைய பொருளைப் பயன்படுத்த வேண்டியதில்லை.
அனிமேஷனுடன் நகரும்.
இயங்குபடம்
ஜாவாஸ்கிரிப்டில்
ஜாவாஸ்கிரிப்ட் jQuery அனிமேட் () செயல்பாடு போன்ற ஒரு குறிப்பிட்ட அனிமேஷன் செயல்பாட்டைக் கொண்டிருக்கவில்லை. ஜாவாஸ்கிரிப்ட் அனிமேஷன் விளைவு முக்கியமாக உறுப்பின் பாணியைக் கையாளுவதன் மூலம் அல்லது CSS உருமாற்றம், மொழிபெயர்ப்பு அல்லது பண்புகளை உயிரூட்டுவதன் மூலம் அடையப்படுகிறது. ஜாவாஸ்கிரிப்ட் அனிமேஷன் விளைவுகளுக்கான setInterval (), clearInterval (), setTimeout () மற்றும் clearTimeout () முறைகளையும் பயன்படுத்துகிறது.
setInterval (myAnimation, 4) myAnimation () function document.getElementById ('# div1'). style.transform = 'மொழிபெயர்க்க (100px, 100px)' document.getElementById ('# div1'). style.transform = 'சுழற்று ( 20deg) '}
ஜாவாஸ்கிரிப்டில் அனிமேஷன் முக்கியமாக CSS பண்புகளை கையாளுவதாகும்.
JQuery இல்
HTML கூறுகளில் அனிமேஷன் அல்லது விளைவுகளைச் சேர்க்க jQuery பல உள்ளடிக்கிய முறைகளைக் கொண்டுள்ளது. அவற்றில் சிலவற்றைச் சரிபார்க்கலாம்.
அனிமேட் () முறை: ஒரு உறுப்பு மீது அனிமேஷனைச் சேர்க்க இந்த முறை பயன்படுத்தப்படுகிறது.
$ ('# பொத்தான் 1'). கிளிக் செய்யவும் (செயல்பாடு () {$ ('# div1') .அனைமேட் ({உயரம்: '300px'})})
நிகழ்ச்சி () முறை: மறைக்கப்பட்ட நிலையில் இருந்து ஒரு உறுப்பைக் காண இந்த முறை பயன்படுத்தப்படுகிறது.
$ ('# பொத்தான் 1'). கிளிக் செய்யவும் (செயல்பாடு () {$ ('# div1'). காட்டு ()})
மறை () முறை: ஒரு உறுப்பை புலப்படும் நிலையிலிருந்து மறைக்க இந்த முறை பயன்படுத்தப்படுகிறது.
$ ('# பொத்தான் 1'). கிளிக் செய்யவும் (செயல்பாடு () {$ ('# div1'). மறை ()})
ஒரு வலைப்பக்கத்தில் அனிமேஷன் மற்றும் விளைவுகளை உருவாக்க jQuery அதன் சொந்த முறைகளைக் கொண்டுள்ளது.
மொத்தத்தில், ஜாவாஸ்கிரிப்ட் என்பது வலை அபிவிருத்திக்கான ஒரு மொழி, jQuery என்பது ஜாவாஸ்கிரிப்டிலிருந்து தோன்றிய ஒரு நூலகம். வலை அபிவிருத்தியில் ஜாவாஸ்கிரிப்ட் மற்றும் jQuery ஆகியவை அவற்றின் முக்கியத்துவத்தைக் கொண்டுள்ளன.
ஜாவாஸ்கிரிப்ட் சுழல்கள் பற்றி இப்போது உங்களுக்குத் தெரியும், பாருங்கள் வழங்கியவர் எடுரேகா. HTML5, CSS3, Twitter பூட்ஸ்டார்ப் 3, jQuery மற்றும் Google API களைப் பயன்படுத்தி ஈர்க்கக்கூடிய வலைத்தளங்களை எவ்வாறு உருவாக்குவது மற்றும் அமேசான் எளிய சேமிப்பக சேவைக்கு (S3) பயன்படுத்துவது எப்படி என்பதை அறிய வலை அபிவிருத்தி சான்றிதழ் பயிற்சி உதவும்.
எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'ஜாவாஸ்கிரிப்ட் Vs jQuery' இன் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.