//简单的ajax表单提交
(function($,window,undefined){
var ajaxForm=function(opts){
var def={successLabel:'发送成功',url:'/user/check',dataType:'html'}
this.form=$('#'+formid)||$('form');
this.opts=$.extend({},def,opts);
this.formdata=this.form.serialize();
}
//发送前执行
ajaxForm.prototype.before=function(){
this.submitButton=$form.find(':submit');
this.submitButton.val('提交中...');
}
//请求成功回执函数
ajaxForm.prototype.success=function(data){
$('#message')=this.opts.successLabel;
}
//
ajaxForm.prototype.send=function(){
$.ajax({
url:this.opts.url,//无错
before:this.before,//引用ajaxForm.before方法
success:this.success,//执行到这里错误,success内部this方法出错了
type:'post',
data:this.formdata
})
}
window.ajaxForm=ajaxForm;
})(jQuery,window)
//实例
new ajaxForm().send();
以上执行,会提示this.opts.successLabel
未定义,我知道当ajax引用this.success的时候,success内部this已经指向当前ajax对象了,请问各位老师,如何在ajax方法中,正确引用一个原型的方法呢?
var _this = this;
$.ajax({
type: this.opts.method,
url: this.opts.url,
dataType: this.opts.data_type,
data: postdata,
success: function() {
_this.success.apply(_this, arguments);
},
error: function() {
_this.error.apply(_this, arguments);
}
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。