Multiple call of webmethod from ajax jquery

Dear All,

I am facing a problem that i need to render complete asp page from ajax call.

I render complete page by giving url:'page.aspx' and dataType:'text' in ajax call . But in success of ajax i need to call another webmethod and also fetch the value that are in session i am having all and fill all the text boxes of that rendered page..How it will possible unable to find a way. Please suggest as soon as possible..

Thanks,

Step 1: Call below method and set async as false. And onsuccess it calls other method as per your rquirement.

function isSession() {

$.ajax({

type: "POST",

url: 'page.aspx/methodname',

data: {},

async: false,

contentType: "application/json; charset=utf-8",

dataType: "json",

dataType: "html",

success: function(data) {

updateResult(data);

error: function() {

alert('Error occured');

}

});

}

Step 2 : This is second which will be called on success of first Ajax method.

function updateResult(data) {

$.ajax({

type: "POST",

url: 'page.aspx/methodname1',

data: {},

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function(data) {

// Implement your own logic

error: function() {

alert('Error occured');

}

});

}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Manas Mohapatra11y ago
Step 1: Call below method and set async as false. And onsuccess it calls other method as per your rquirement.

function isSession() {
   $.ajax({
      type: "POST",
      url: 'page.aspx/methodname',
      data: {},
      async: false,
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      dataType: "html",
      success: function(data) {
      updateResult(data);
   },
   error: function() {
      alert('Error occured');
   }
});
}

Step 2 : This is second which will be called on success of first Ajax method.
function updateResult(data) {
   $.ajax({
      type: "POST",
      url: 'page.aspx/methodname1',
      data: {},
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(data) {
         // Implement your own logic
      },
      error: function() {
         alert('Error occured');
      }
   });
}
0