Question

I’m using jquery’s .ajax() method on a button click.

I wanted to know if there a way in whcih I can use the data that I passed in the data-part of the AJAX call in my success() function.

This is my code,

$.ajax({
  url: //my URL here..
  type: 'POST',
  data:{
    projDets : projDetailsArray,
  },
  datatype:'html',
  error: function(){
    alert('Error loading Project Information');     
  },
  success: function(html){
    //I wanted to re-use 'projDets' that I'm passing in the 
    //'data' part of my code..                  
  }
});

Any help will be appreciated.

Thanks

Answer 1

You could wrap the $.ajax parameter in a closure, set up the “data” value as a local variable, and then reference it both for the “data” value and inside the “success” function:

$.ajax(function() {
  var data = {
    projDets: projDetailArray
    // ...
  };
  return {
    url: // your URL here..
    type: 'POST',
    data: data,
    datatype:'html',
    error: function(){
      alert('Error loading Project Information');     
    },
    success: function(html){
      // just reference "data" here!          
    }
  };
}());