将调用对象访问到ajax响应中（不是ajax调用）

Question

I have an object of type Application (defined by me). Whenever an object of this type is created, it automatically loads a php file say "start.php" using jquery ajax and assign the response to a div say "Respo". Now what i want is to access the Application object from that Respo div. Unfortunately, i have no clue how to do this... in my ajax call:

  function Application(options)
  {
  .......

  var appObj=this;
  $.ajax({
   url:appObj.location,      //Already defined
   success:function(data)
   {
   $("#respo").html(data);
   }
   });
  }

Now in my Respo division i want to access that Application object... I tried: alert(this) but it resulted in an object of DOMWindow... i tried editing success function as:

  function Application(options)
  {
        .......

        var appObj=this;
        $.ajax({
         url:appObj.location,      //Already defined
         success:function(data)
         {
             $("#respo").html("<script type='text/javascript'>var Self="+appObj+"</script>");
             $("#respo").html(data);
         }
         });
  }

But i ended nowhere. :( Although if i assign "var Self='nishchay';" then alerting Self from start.php gives nishchay but i am not able to assign the calling object of Application type to the Self variable. It is the only way I cud think of. :\\

Please help me... actually my object has some editing functions to control itself - its look and feel and some other options. I want the code loaded by object to control the object itself.

Please help me.. Thanks in advance. Nishchay

Answer 1

You can pass "this" as the "context" property (jQuery1.4) in the $.ajax then you can access that inside the "success" callback simply as "this", below is what jQuery doc says:

This object will be made the context of all Ajax-related callbacks. For example specifying a DOM element as the context will make that the context for the complete callback of a request

Here is code example:

function Application(options)
  {
        .......

        var appObj=this;
        $.ajax({
         url:appObj.location,      //Already defined
         context: this,
         success:function(data)
         {
             console.log( this ); // will be pointing to the object that you passed as the value of the "context" property

             // YOU SHOULD NOT BE USING THINGS LIKE BELOW
             //$("#respo").html("<script type='text/javascript'>var Self="+appObj+"</script>");
             $("#respo").html(data);
         }
         });
  }

Hope it helps.

Answer 2

var appObjPool = {};
var appObjID = 'xxx';

  function Application(options)
  {
        .......
appObjPool[appObjID] = appObj;
        var appObj=appObjPool[appObjId];

        $.ajax({
         url:appObj.location,      //Already defined
         success:function(data)
         {
             $("#respo").html("var Self=appObjPool['"+appObjID+"']");
             $("#respo").html(data);
         }
         });
  }