pass server response to call back function in jquery plugin

Question

So basically, I have a small plugin like below, what it does is submit the form with jquery method post.

(function($){
 $.fn.ajaxSubmit = function(options){
  var defaults = {
   url:'',
   success:function(){},
   error:function(){}
  },
  o = $.extend({},defaults, options);
  return this.each(function(){
   var $this=$(this);
   $this.submit(function(e){
    $.post(o.url,$this.serialize() ,
    function(response){
     if(response.status == 'success'){
      o.success.call(this);
     }
     else if(response.status == 'error'){
      o.error.call(this);
     }
    },'json');
    return false;
   });
  });
 }
})(jQuery);

This is how its called

$('#form').ajaxSubmit({
  url:'www.myownwebsite.com/play/processform',
  success:function(response){alert(response.status)},
  error:function(response){alert(response.status);}
 });

The problem is, when the script is executed, I get the error "response is undefined". Clearly I know whats wrong, but how can I do it properly?

Please... my eyes... use whitespace...

Ivo Wetzel
– Ivo Wetzel

2011-01-09 18:19:02 +00:00
Commented Jan 9, 2011 at 18:19 — Ivo Wetzel
– Ivo Wetzel, Commented Jan 9, 2011 at 18:19

Andy · Accepted Answer · 2011-01-09 21:37:47Z

1

have you tried o.success.call(this,response);

answered Jan 9, 2011 at 21:37

Andy

30.2k9 gold badges43 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

pass server response to call back function in jquery plugin

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related