jQuery AJAX ਫੰਕਸ਼ਨ
jQuery ਐਕਸਜੇਐਕਸ ਵਿਕਾਸ ਲਈ ਵਿਸ਼ਾਲ ਫੰਕਸ਼ਨ (ਮੈਥਡ) ਲਾਇਬ੍ਰੇਰੀ ਹੈ。
jQuery AJAX ਉਦਾਹਰਣ
ਕੀਤੇ ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕਰ ਕੇ, ਇਹ ਟੈਕਸਟ AJAX ਰਾਹੀਂ ਬਦਲ ਸਕਦਾ ਹੈ
ਉੱਪਰੋਕਤ ਉਦਾਹਰਣ ਸਾਡੇ اے جی ایکسی تعلیمਪਰ ਜੇਕਿਉਏ ਦੀ ਵਰਤੋਂ ਨਾਲ ਸੋਧਿਆ ਗਿਆ ਹੈ。
AJAX ਕੀ ਹੈ?
AJAX = ਅਸਿਨਕਰੋਨਸ ਜਾਵਾਸਕ੍ਰਿਪਟ ਅਤੇ XML。
AJAX ਇੱਕ ਤੇਜ਼ ਗਤੀ ਵਾਲੇ ਗਤੀਸ਼ੀਲ ਵੈੱਬਸਾਈਟ ਬਣਾਉਣ ਦਾ ਇੱਕ ਤਕਨੀਕ ਹੈ。
AJAX ਨਾਲ, ਬੈਕਗਰਾਊਂਡ ਵਿੱਚ ਸਰਵਰ ਨਾਲ ਘੱਟ ਦਾਤਾ ਅਦਾਨ-ਪ੍ਰਦਾਨ ਕਰਕੇ, ਵੈੱਬਸਾਈਟ ਨੂੰ ਅਸਿਨਕਰੋਨਸ ਅੱਪਡੇਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਇਹ ਮਤਲਬ ਹੈ ਕਿ ਪੂਰੇ ਪੰਨੇ ਨੂੰ ਮੁੜ ਲੋਡ ਕੀਤੇ ਬਿਨਾ, ਵੈੱਬਸਾਈਟ ਦਾ ਇੱਕ ਹਿੱਸਾ ਅੱਪਡੇਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
ਤੁਸੀਂ ਸਾਡੇ اے جی ایکسی تعلیم ਵਿੱਚ ਜਾਣੂ ਹੋ ਸਕਦੇ ਹੋ ਮਾਣੇ AJAX ਦੇ ਬਾਰੇ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕਰੋ。
AJAX ਅਤੇ jQuery
ਜੇਕਿਉਏ ਐਕਸਜੇਐਕਸ ਵਿਕਾਸ ਲਈ ਵਿਸ਼ਾਲ ਫੰਕਸ਼ਨ (ਮੈਥਡ) ਲਾਇਬ੍ਰੇਰੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ。
ਜੇਕਿਉਏ ਐਕਸਜੇਐਕਸ ਦੇ ਮਾਧਿਅਮ ਨਾਲ, ਹੈਪਟਰ ਜੇਟ ਅਤੇ ਹੈਪਟਰ ਪੋਸਟ ਦੀ ਵਰਤੋਂ ਨਾਲ, ਤੁਸੀਂ ਰਿਮੋਟ ਸਰਵਰ ਤੋਂ TXT, HTML, XML ਜਾਂ JSON ਦੀ ਮੰਗ ਕਰ ਸਕਦੇ ਹੋ।
ਅਤੇ ਤੁਸੀਂ ਸਿੱਧੇ ਰਿਮੋਟ ਰਿਕਾਰਡ ਨੂੰ ਚੁਣੇ ਹੋਏ HTML ਏਲੀਮੈਂਟ ਵਿੱਚ ਲੋਡ ਕਰ ਸਕਦੇ ਹੋ!
ਲਿਖੇ ਹੋਏ ਹੈ, ਕੰਮ ਕਰੇ ਹੋਏ ਹੈ
jQuery ਦੀ load ਫੰਕਸ਼ਨ ਇੱਕ ਸਾਦੀ (ਪਰ ਬਹੁਤ ਮਜ਼ਬੂਤ) AJAX ਫੰਕਸ਼ਨ ਹੈ।ਇਸ ਦੀ ਸਕ੍ਰੀਪਟ ਇਸ ਤਰ੍ਹਾਂ ਹੈ:
$(selector).load(url,data,callback)
ਵਰਤੋਂ ਕਰੋ selector ਨੂੰ ਵਰਤ ਕੇ ਹੋਰ ਬਦਲਣ ਵਾਲੇ ਐਲੀਮੈਂਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ url ਪੈਰਾਮੀਟਰਨੂੰ ਵਰਤ ਕੇ ਰਿਕਾਰਡ ਦੀ ਵੈਬ ਠੀਕਾ ਨਿਰਧਾਰਿਤ ਕਰੋ
ਹੀ ਜਦੋਂ ਤੁਸੀਂ ਸੇਵਕ ਨੂੰ ਰਿਕਾਰਡ ਭੇਜਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ data ਪੈਰਾਮੀਟਰ ਹੀ ਜਦੋਂ ਤੁਸੀਂ ਫੰਕਸ਼ਨ ਨੂੰ ਚਲਾਉਣ ਦੇ ਬਾਅਦ ਚਲਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ callback ਪੈਰਾਮੀਟਰ
Low Level AJAX
$.ajax(options) ਹਾਲਾਂਕਿ ਨਿਮਨ ਪੱਧਰੀ AJAX ਫੰਕਸ਼ਨ ਦਾ ਸਨਾਤਕ ਹੈ。
$.ajax ਨੇ ਉੱਚ ਪੱਧਰੀ ਫੰਕਸ਼ਨਾਂ ਤੋਂ ਅਧਿਕ ਕਾਰਜ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਪਰ ਇਸ ਦਾ ਵਰਤੋਂ ਕਰਨਾ ਵੀ ਜ਼ਰੂਰਤ ਹੁੰਦਾ ਹੈ。
option ਪੈਰਾਮੀਟਰ ਸੈਟ ਕੀਤੇ ਜਾਂਦੇ ਹਨ name|value ਜੋ ਯੂਰਲ ਰਿਕਾਰਡ, ਪਾਸਵਰਡ, ਰਿਕਾਰਡ ਪ੍ਰਕਾਰ, ਫਿਲਟਰ, ਚਾਰੇਟ ਸੈਟ, ਟਾਈਮਆਊਟ ਅਤੇ ਖਾਲੀ ਫੰਕਸ਼ਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ。
jQuery AJAX ਬੇਨਤੀ
ਬੇਨਤੀ | ਵਰਣਨ |
---|---|
$(selector).load(url,data,callback) | ਰਿਮੋਟ ਰਿਕਾਰਡ ਨੂੰ ਚੁਣੇ ਹੋਏ ਏਲੀਮੈਂਟ ਵਿੱਚ ਲੋਡ ਕਰੋ |
$.ajax(options) | ਰਿਮੋਟ ਰਿਕਾਰਡ ਨੂੰ XMLHttpRequest ਆਬਜੈਕਟ ਵਿੱਚ ਲੋਡ ਕਰੋ |
$.get(url,data,callback,type) | HTTP GET ਨਾਲ ਰਿਮੋਟ ਰਿਕਾਰਡ ਲੋਡ ਕਰੋ |
$.post(url,data,callback,type) | ਰਿਮੋਟ ਰਿਕਾਰਡ ਨੂੰ HTTP POST ਨਾਲ ਲੋਡ ਕਰੋ |
$.getJSON(url,data,callback) | ਰਿਮੋਟ JSON ਰਿਕਾਰਡ ਨੂੰ HTTP GET ਨਾਲ ਲੋਡ ਕਰੋ |
$.getScript(url,callback) | ਰਿਮੋਟ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਾਈਲ ਨੂੰ ਲੋਡ ਅਤੇ ਚਲਾਓ |
(url) ਲੋਡ ਹੋਣ ਵਾਲੇ ਰਿਕਾਰਡ ਦਾ ਯੂਰਲ (ਠੀਕਾ)
(data) ਸੇਵਕ ਨੂੰ ਭੇਜੇ ਜਾਣ ਵਾਲੇ ਰਿਕਾਰਡ ਦਾ ਕੀ/ਮੁੱਲ ਆਬਜੈਕਟ
(callback) ਜਦੋਂ ਰਿਕਾਰਡ ਲੋਡ ਹੁੰਦਾ ਹੈ, ਤਾਂ ਚਲਾਇਆ ਜਾਣ ਵਾਲਾ ਫੰਕਸ਼ਨ
(type) ਰਿਕਾਰਡ ਦਾ ਪ੍ਰਕਾਰ (html,xml,json,jasonp,script,text)
(options) ਪੂਰੇ AJAX ਰਿਕਾਰਡ ਦੇ ਸਾਰੇ ਕੀ/ਮੁੱਲ ਚੋਣਾਂ
مراجع ماکول
ਜੇਕਰ ਤੁਸੀਂ jQuery AJAX ਫੰਕਸ਼ਨਾਂ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਸਾਡੇ jQuery AJAX ਸੰਦਰਭ ਮੁੱਦਾ。