0

Возможно ли передать объект, инициализирующий AJAX-запрос, в функцию, которая выполняется после этого запроса?

$("#id").keyup(function() {
    $.get("path.php", { "query": $(this).val() }, function(data) {
        console.log($(this)); //тут хочется увидеть объект #id 
    }, 'html');
})

2 ответа 2

2

Лично я всегда делаю так:

var scope = $("#id");
scope.keyup(function() {
    $.get("path.php", { "query": $(this).val() }, function(data) {
        console.log(scope); // scope - объект #id 
    }, 'html');
})

Т.е. я сохраняю объект в переменную и потом использую её везде в функциях, которые обрабатывают этот самый элемент. Либо можно сделать немного по-другому:

$("#id").keyup(function() {
    var scope = $(this);
    $.get("path.php", { "query": scope.val() }, function(data) {
        console.log(scope); // scope - объект #id 
    }, 'html');
})
3
  • А что насчет конвенции, что имена переменных, содержащих jQuery object, должны начинаться с $?
    – Regent
    Commented 2 дек. 2015 в 13:02
  • 1
    @Regent как хотите) лично я называю эту переменную именно scope и вообще стараюсь не использовать $, в именах. Зачем? У меня везде jQuery, зачем мне засорять имена переменных лишним символом.
    – Vartlok
    Commented 2 дек. 2015 в 13:04
  • Чтобы по имени переменной была проще определить, jQuery object это или, например, HTMLElement. Не всё подряд ведь есть смысл оборачивать с помощью jQuery.
    – Regent
    Commented 2 дек. 2015 в 13:19
0

Лучше всего создать и вызвать анонимную функцию, передав в нее наш jQuery объект как аргумент, что сделает его видимым для всей scope функции, внутри которой уже можно с ним свободно работать.

;(function(element) { 
  console.log(element); // объект #id 
  element.keydown(function() {
    $.get('...', function() {
      console.log(element); // объект #id  
    });
  });
})($("#id"));

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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.