javascript - jquery ajaxの成功の内部から親メソッドを呼び出す方法

Question

重複の可能性:
jquery は親から this を参照します

これは私の最初の投稿です。質問 - ajax-success からアラートを呼び出す方法は?

var page = {

    alerts: function (json) {

        if (json == 'us') { alert("blablabla") } else {
            alert(json.login);
        }
    },

    ajax: function (obj) {

        $.ajax({
            type: 'post',
            url: './scripts/serv.php',
            dataType: 'json',
            data: { object: $.base64.encode(JSON.stringify(obj)) },

            success: function (json) {

// how to call from here alerts(json)?? this.alerts(json) - doesn't
// work only page.alerts(json) but i think its wrong way.

            },
            error: function (json) {
                alert('ajax failed');
            }
        })
    }
}

Answer 1

success異なるスコープから呼び出されるため、AJAXリクエストの前にこれへの参照を保存する必要があります。

例：

var page = {
    alerts: function(json){
        if (json=='us'){ alert("blablabla")} else{
        alert(json.login); }
    },
    ajax: function(obj){
        var me = this;

        $.ajax({
            type:'post',
            url:'./scripts/serv.php',
            dataType:'json',
            data:{object:$.base64.encode(JSON.stringify(obj))}, 

            success: function(json){
                // how to call from here alerts(json)?? this.alerts(json) - doesn't work only page.alerts(json) but i think its wrong way.
                me.alerts(json);
            },
            error: function(json){
                alert('ajax failed');
            }
        }); 
    }
};

Answer 2

    var page={
alerts: function(json){

    if (json=='us'){ alert("blablabla")} else{
    alert(json.login); }
},

ajax: function(obj){
     var that = this;    <!-- PARENT OBJECT REFERENCE -->
            $.ajax({
                    type:'post',
                    url:'./scripts/serv.php',
                    dataType:'json',
                    data:{object:$.base64.encode(JSON.stringify(obj))}, 
        success: function(json){
          that.alerts(json)   <!-- USE THAT -->
        },
        error: function(json){
            alert('ajax failed');
        }
}) 

} }