Метод JQuery deferred.resolveWith ()

Опубликовано: 22 Декабря, 2021

Этот метод deferred.resolveWith () в JQuery используется для разрешения объекта Deferred и вызова doneCallbacks вместе с заданным контекстом и аргументами.
Синтаксис:

deferred.resolveWith (контекст [, аргументы])

Параметры:

  • context: Этот параметр представляет собой контекст, переданный в doneCallbacks как объект this.
  • args: этот параметр является необязательным массивом аргументов, которые передаются в doneCallbacks.

Возвращаемое значение: этот метод метода возвращает отложенный объект.

Ниже обсуждаются два примера:

  • Пример: В этом примере мы разрешаем объект Deferred с двумя аргументами и обрабатываем все doneCallbacks.
    <!DOCTYPE HTML>
    < html >
    < head >
    < title >
    JQuery | deferred.resolveWith() method
    </ title >
    </ script >
    </ head >
    < body style = "text-align:center;" >
    < h1 style = "color:green;" >
    GeeksForGeeks
    </ h1 >
    < p id = "GFG_UP" >
    </ p >
    < button onclick = "Geeks();" >
    click here
    </ button >
    < p id = "GFG_DOWN" >
    </ p >
    < script >
    var el_up = document.getElementById("GFG_UP");
    el_up.innerHTML = "JQuery | deferred.resolveWith() method";
    function Func(val, div){
    $(div).append(val);
    }
    function Geeks() {
    var def = $.Deferred();
    def.done(Func);
    def.resolveWith(
    this, ['Deferred is resolved by resolveWith() method.
    < br />', '#GFG_DOWN']);
    }
    </ script >
    </ body >
    </ html >
  • Выход:
  • Пример: В этом примере мы разрешаем объект Deferred только с одним аргументом и обрабатываем все doneCallbacks.

    <!DOCTYPE HTML>
    < html >
    < head >
    < title >
    JQuery | deferred.resolveWith() method
    </ title >
    </ script >
    </ head >
    < body style = "text-align:center;" >
    < h1 style = "color:green;" >
    GeeksForGeeks
    </ h1 >
    < p id = "GFG_UP" >
    </ p >
    < button onclick = "Geeks();" >
    click here
    </ button >
    < p id = "GFG_DOWN" >
    </ p >
    < script >
    var el_up = document.getElementById("GFG_UP");
    el_up.innerHTML =
    "JQuery | deferred.resolveWith() method";
    function Func(div){
    $(div).append(
    'Deferred is resolved by resolveWith() method');
    }
    function Geeks() {
    var def = $.Deferred();
    def.done(Func);
    def.resolveWith(this, ['#GFG_DOWN']);
    }
    </ script >
    </ body >
    </ html >
  • Выход: