Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jquery ajax get example

At the moment I'm using the post method like this

$.ajax({
    type: "POST",
    url: "Servicename.asmx/DoSomeCalculation", 
  data: "{param1ID:"+ param1Val+"}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(msg) {
        UseReturnedData(msg.d);
    },
    error: function(err) {
        alert(err.toString());
        if (err.status == 200) {
            ParseResult(err);
        }
        else { alert('Error:' + err.responseText + '  Status: ' + err.status); }
    }
}); 

Am I correct in believing that if I use a GET request instead of POST the behavior will change to being a synchronous request i.e. the execution will wait until the response has been received from the server??

Can somebody show me a jquery GET example calling a webmethod of a web service directly?

UPDATE: Using the async flag as suggested below is really all i needed to do so this works for me. I'm still curious as to what work needs to be done to the code above to make it a GET request. Changing type: "GET" doesn't have the desired effect!

like image 250
user48408 Avatar asked Sep 22 '09 10:09

user48408


People also ask

How get data from AJAX call in jQuery?

ajax({ type: "POST", url: 'test. php', data: {"type":"check"}, success: function(response){ alert(response); } }); There can obviously be more key-val pairs in data. In this case your alert should read: "The type you posted is check".

What is get in jQuery?

Description. The jQuery. get( url, [data], [callback], [type] ) method loads data from the server using a GET HTTP request. The method returns XMLHttpRequest object.


3 Answers

You can decide if you want the ajax call to be async or not using this:

$.ajax({
  async: false/true,
  //more options
});
like image 158
peirix Avatar answered Oct 18 '22 08:10

peirix


To answer your first point, no: GET and POST are independent of synchronous / asynchronous.

You can use the boolean async method to control this.

like image 21
Greg Avatar answered Oct 18 '22 07:10

Greg


There is a "async" flag for making the ajax call synchronous or asynchronous. You can define it as:

$.ajax({ async: false/true, //rest of code });

like image 22
Moulesh Kumar Avatar answered Oct 18 '22 09:10

Moulesh Kumar