jQuery AJAX get() ਅਤੇ post() ਮੇਥਡ

jQuery get() ਅਤੇ post() ਮੇਥਡ ਵਰਤੋਂ ਕਰਕੇ HTTP GET ਜਾਂ POST ਰਿਕਵਰੀ ਰਾਹੀਂ ਸਰਵਰ ਤੋਂ ਡਾਟਾ ਲੈਣ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ。

HTTP ਰਿਕਵਰੀ: GET vs. POST

ਕਲਾਇੰਟ ਅਤੇ ਸਰਵਰ ਦੋਹਾਂ ਤੋਂ ਪ੍ਰਕਿਰਿਆ-ਪ੍ਰਤੀਕਿਰਿਆ ਲਈ ਵਰਤੇ ਜਾਣ ਵਾਲੀਆਂ ਸਭ ਤੋਂ ਆਮ ਮੇਥਡਾਂ ਵਿੱਚ ਦੋਵੇਂ ਹਨ: GET ਅਤੇ POST。

  • GET - ਸ਼ਾਰਟ ਰੂਪ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਰੂਪ ਵਿੱਚ ਹੰਦੇ ਰੂਪ ਵਿੱਚ ਸੰਭਾਲਿਆ ਜਾਣ ਵਾਲੇ ਡਾਟਾ ਨੂੰ ਪ੍ਰਸਤੁਤ ਕਰਨਾ
  • POST - ਸ਼ਾਰਟ ਰੂਪ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਰੂਪ ਵਿੱਚ ਹੰਦੇ ਰੂਪ ਵਿੱਚ ਸੰਭਾਲਿਆ ਜਾਣ ਵਾਲੇ ਡਾਟਾ ਨੂੰ ਪ੍ਰਸਤੁਤ ਕਰਨਾ

GET ਮੁੱਖ ਤੌਰ 'ਤੇ ਸਰਵਰ ਤੋਂ ਡਾਟਾ ਲੈਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਨੋਟ: GET ਮੇਥਡ ਕੈਂਸਲ ਡਾਟਾ ਵਾਪਸ ਦੇ ਸਕਦਾ ਹੈ。

ਪੋਸਟ ਵੀ ਸਰਵਰ ਤੋਂ ਡਾਟਾ ਲੈਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਮੰਨਣਾ ਹੈ ਕਿ POST ਮੇਥਡ ਡਾਟਾ ਨੂੰ ਕੈਂਸਲ ਨਹੀਂ ਕਰਦਾ ਅਤੇ ਸਰਵਰ ਨੂੰ ਸੰਦੇਸ਼ ਨਾਲ ਡਾਟਾ ਭੇਜਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਜੇਕਰ ਤੁਸੀਂ GET ਅਤੇ POST ਬਾਰੇ ਜਾਣਕਾਰੀ ਮਿਲਣੀ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਦੋਹਾਂ ਦੇ ਮਿਲਾਨ ਬਾਰੇ ਜਾਣਕਾਰੀ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਸਾਡੇ HTTP ਮੇਥਡ - GET ਨਾਲ ਪੋਸਟ ਤੇਲਾਂ。

jQuery $.get() ਮੇਥਡ

$.get() ਮੇਥਡ ਸਰਵਰ ਤੋਂ HTTP GET ਰਿਕਵਰੀ ਰਿਕਵਰੀ ਰਾਹੀਂ ਡਾਟਾ ਕਰਦਾ ਹੈ。

ਸ਼ਾਬਦਿਕ: $.post() ਮੇਥਡ ਸੇਵਰ ਤੋਂ HTTP POST ਰਿਕਵਰੀ ਸਮਗਰੀ ਕਰਦਾ ਹੈ。

$.get(URL,callback);

ਲਾਜ਼ਮੀ URL ਪੈਰਾਮੀਟਰ ਆਪਣੇ ਚਾਹੁੰਦੇ ਹਾਂ ਕਿ ਉਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੀ ਯੂਆਰਐੱਲ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰਦਾ ਹੈ。

ਵਿਕਲਪਿਤ callback ਪੈਰਾਮੀਟਰ ਸਫਲਤਾ ਦੇ ਬਾਅਦ ਚਲਾਉਣ ਵਾਲੇ ਫੰਕਸ਼ਨ ਦਾ ਨਾਮ ਹੈ。

ਹੇਠ ਦਾ ਉਦਾਹਰਣ $.get() ਮੇਥਡ ਨਾਲ ਸਰਵਰ ਤੋਂ ਇੱਕ ਫਾਈਲ ਤੋਂ ਡਾਟਾ ਲੈਣ ਦਾ ਵਰਤੋਂ ਕਰਦਾ ਹੈ:

ਉਦਾਹਰਣ

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕੋਸ਼ਿਸ਼ ਕਰੋ

$.get() ਦਾ ਪਹਿਲਾ ਪੈਰਾਮੀਟਰ ਅਸੀਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਾਂ URL ਹੈ ("demo_test.asp")。

ਦੂਜਾ ਪੈਰਾਮੀਟਰ ਕਾਲਬੈਕ ਫੰਕਸ਼ਨ ਹੈ। ਪਹਿਲਾ ਕਾਲਬੈਕ ਪੈਰਾਮੀਟਰ ਬੇਡੇਡ ਪੇਜ ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਰੱਖਦਾ ਹੈ, ਦੂਜਾ ਕਾਲਬੈਕ ਪੈਰਾਮੀਟਰ ਬੇਡੇਡ ਸਟੇਟਸ ਨੂੰ ਰੱਖਦਾ ਹੈ。

ਸੁਝਾਅ:ਇਹ ਏਸਪੀ ਫਾਈਲ ("demo_test.asp") ਇਸ ਤਰ੍ਹਾਂ ਹੈ:

<%
response.write("This is some text from an external ASP file.")
%>

jQuery $.post() 方法

jQuery $.post() ਮੇਥਡ

ਸ਼ਾਬਦਿਕ: $.post() ਮੇਥਡ ਸੇਵਰ ਤੋਂ HTTP POST ਰਿਕਵਰੀ ਸਮਗਰੀ ਕਰਦਾ ਹੈ。

$.post(URL,data,callback);

ਲਾਜ਼ਮੀ URL ਪੈਰਾਮੀਟਰ ਆਪਣੇ ਚਾਹੁੰਦੇ ਹਾਂ ਕਿ ਉਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੀ ਯੂਆਰਐੱਲ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰਦਾ ਹੈ。

ਵਿਕਲਪਿਤ data ਪੈਰਾਮੀਟਰ ਸਰਕਟ ਨਾਲ ਸੁਪਲੀਮੈਂਟ ਕੀਤੇ ਗਏ ਸਮਗਰੀ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰਦਾ ਹੈ。

ਵਿਕਲਪਿਤ callback ਪੈਰਾਮੀਟਰ ਸਫਲਤਾ ਦੇ ਬਾਅਦ ਚਲਾਉਣ ਵਾਲੇ ਫੰਕਸ਼ਨ ਦਾ ਨਾਮ ਹੈ。

ਹੇਠ ਲਿਖੇ ਉਦਾਹਰਣ ਵਿੱਚ $.post() ਨਾਲ ਸੁਪਲੀਮੈਂਟ ਕੀਤੇ ਗਏ ਸੁਪਲੀਮੈਂਟ ਦਾ ਵਰਤੋਂ ਕੀਤਾ ਗਿਆ ਹੈ:

ਉਦਾਹਰਣ

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

ਆਪਣੇ ਤੌਰ 'ਤੇ ਕੋਸ਼ਿਸ਼ ਕਰੋ

$.post() ਦਾ ਪਹਿਲਾ ਪੈਰਾਮੀਟਰ ਅਸੀਂ ਚਾਹੁੰਦੇ ਹਾਂ ਕਿ ਉਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੀ ਯੂਆਰਐੱਲ ("demo_test_post.asp") ਹੈ。

ਫਿਰ ਅਸੀਂ ਸਰਕਟ (name ਅਤੇ city) ਨਾਲ ਸੁਪਲੀਮੈਂਟ ਕਰਕੇ ਸੁਪਲੀਮੈਂਟ ਕਰਦੇ ਹਾਂ。

"demo_test_post.asp" ਵਿੱਚ ਐਸਪ ਸਕ੍ਰਿਪਟ ਇਹ ਪੈਰਾਮੀਟਰਾਂ ਪੜ੍ਹਦਾ ਹੈ, ਉਨ੍ਹਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ, ਫਿਰ ਫਲਾਈਬੈਕ ਕਰਦਾ ਹੈ。

ਤੀਸਰਾ ਪੈਰਾਮੀਟਰ ਕਾਲਬੈਕ ਫੰਕਸ਼ਨ ਹੈ। ਪਹਿਲਾ ਕਾਲਬੈਕ ਪੈਰਾਮੀਟਰ ਬੇਡੇਡ ਪੰਨੇ ਦੀ ਸਮਗਰੀ ਰੱਖਦਾ ਹੈ, ਦੂਜਾ ਪੈਰਾਮੀਟਰ ਸਰਕਟ ਦਾ ਸਥਿਤੀ ਹੈ。

ਸੁਝਾਅ:ਇਹ ਐਸਪ ਫਾਈਲ ("demo_test_post.asp") ਇਸ ਤਰ੍ਹਾਂ ਦੇ ਹਨ:

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

jQuery AJAX ਸੰਦਰਭ ਮੁੱਦਾ

ਪੂਰੀ ਐੱਜੈਕਸ ਮੇਥਡ ਸੰਦਰਭ ਮੁੱਦਾ ਲਈ ਸਾਡੇ jQuery AJAX ਸੰਦਰਭ ਮੁੱਦਾ。