Ответ 1

Обновлено: Если вы используете jQuery 1.4, используйте это, чтобы немного упростить:

success: jQuery.proxy(function (data) {
    var select = $j(this);
    select.empty();
    $j(data).each(function() {
        var theValue = $j(this)[0]["@value"];
        var theId = $j(this)[0]["@name"];
        select.append("<option value='" + theId + "'>" + theValue + "</option>");
    });
    select.children(":first").attr("selected", true);
}, selectBox)

Ответ 2

Это то, что я сделал, и он также отлично работал:

$.ajax('URL', {
    myCustomControl: selectBox,
    myCustomVariable: 'teste',
    data:
    {
       myData: 1
    },
    success: function (data, textStats, jqXHR) {
        myFunction(data, textStats, jqXHR, this.myCustomControl, this.myCustomVariable);
    }   
});

Вы можете добавить элементы управления и переменные в параметры вашего вызова ajax.

Ответ 3

Поместите это в свои параметры $.ajax.

invokedata: {
    data1: "yourdata",
    data2: "moredata"
}

В функции успеха используйте его так:

this.invokedata.data1;
this.invokedata.data2;

Ваш вызов $.ajax и функция успеха также должны быть частью одного и того же объекта. Поместите свои функции в объект и определите их как это

function myObject {
    var getImage = function(..) { }
    var loadImagesInSelect = function(..) { }
}

Ответ 4

this находится вне области действия

Просто, чтобы вы (или кто-либо еще) понимали (а) ¹ причина, по которой this была undefined в loadImagesInSelect() в вашем исходном примере, была потому, что эта функция находилась под другим область действия и области действия не "каскадируются" как ².

Когда вы указали "контекст" selectBox в своем вызове AJAX, он устанавливает контекст (this) для функций, данных "успех" и "ошибка". (Так получилось, что они оба были анонимными функциями.) В этот момент this определяется в обеих этих функциях как значение selectBox. Теперь в функции, переданной в "success", вы вызываете loadImagesInSelect(). Когда вы вызываете функцию, она создает новую область. В этой области this будет window в нестрочном режиме и undefined в строгом режиме.

Положить графически (в строгом режиме ³):

// this = window (global scope)

$j = jQuery.noConflict();
function getImages(urlValue, selectBox) {

    // this = undefined (function scope level 1)

    $j.ajax({
        type: "GET",
        url: $j(urlValue).val(),
        dataType: "jsonp",
        context: selectBox,
        success: function(data) {

            // this = selectBox (function scope level 2)

            loadImagesInSelect(data);
        },
        error: function(xhr, ajaxOptions, thrownError) {

            // this = selectBox (function scope level 2)

            alert(xhr.status);
            alert(thrownError);
        }
    });
}

function loadImagesInSelect(data) {

    // this = undefined (function scope level 3)

    var select = $j(this);
    select.empty();
    $j(data).each(function() {
        var theValue = $j(this)[0]["@value"];
        var theId = $j(this)[0]["@name"];
        select.append("<option value='" + theId + "'>" + theValue + "</option>");
    });
    select.children(":first").attr("selected", true);
}

$.proxy() является избыточным

Использование $.proxy() в вашем обновленном коде является избыточным. Вы используете $.proxy(), чтобы получить this к функции, которая раньше называлась loadImagesInSelect(), но вы все равно переместили эту функцию в "успех" (вместо того, чтобы называть ее из "успеха" ). Теперь он уже имеет доступ к значению this, указанному в "контексте".

Вы можете удалить обертку $.proxy() вокруг своей "успешной" функции в обновленном коде, и она все равно будет работать.

Я знаю, что прошло много лет с тех пор, как вы задали свой вопрос, но я надеюсь, что это поможет.

• Надеюсь, это не встретит снисхождения; это не должно было быть.
• По крайней мере, не при вызове функции, а не в контексте. Если вы определяете функцию внутри функции (т.е. Замыкание), то любые переменные во внешней функции будут доступны во внутренней функции. Однако внешний контекст функции (переменная this) по-прежнему недоступен во внутренней функции.
• Замените undefined на window для нестрогого режима.
• Или нативный Function.prototype.bind() в ECMAScript 5.

Ответ 5

Вы можете использовать атрибут indexValue для передачи:

var someData = "hello";

jQuery.ajax({
    url: "http://maps.google.com/maps/api/js?v=3",
    indexValue: {param1:someData, param2:"Other data 2", param3: "Other data 3"},
    dataType: "script"
}).done(function() {
    console.log(this.indexValue.param1);
    console.log(this.indexValue.param2);
    console.log(this.indexValue.param3);
});