Page 165 - 6108
P. 165

complete  –  функція  зворотного  виклику  Function(responseText,
               textStatus, jqXHR), яка виконується після завершення запиту

                     $( "#result" ).load( "ajax/test.html" );
                     $( "#result" ).load( "ajax/test.html", function() {
                     alert( "Load was performed." );
                     });
                     Метод jQuery.get() завантажує дані з сервера через GET запит
                                jQuery.get( url [, data ] [, success ] [, dataType
                          ] | [settings]), де
                     data – простий об'єкт або рядок, який надсилається на сервер із запитом

                     success – функція зворотного виклику Function(data, textStatus,
               jqXHR), яка виконується, якщо запит виконано.
                     datatype  –  тип  даних,  який  очікується  від  сервера.  За  замовчуванням:
               Intelligent Guess (xml, json, script, text, html).
                     settings – набір пар ключ / значення, який налаштовує запит Ajax. Всі
               властивості, крім URL-адреси, є необов'язковими. Перелік налаштувань, такий
               же  як  для  JQuery.ajax().  Параметр  type  автоматично  буде  встановлено  на
               GET.

                     $.get( "test.html", function( data ) {
                     $( "#container" ).html( data );
                     alert( "Load was performed." );
                     });

                     Метод  $.get()  також  підтримує  інтерфейс  Promise,  що  дозволяє
               використовувати методи .done (), .fail () та .always().
                     Метод jQuery.getJSON() дозволяє завантажити дані в JSON-кодуванні
               з сервера за допомогою запиту GET.
                     jQuery.getJSON( url [, data ] [, success ] )
                     $.getJSON( "phones.json", function( data ) {
                     let items = [];
                     $.each( data, function( key, val ) {
                     items.push("<li id='" + key + "'>" + val.model + "</li>");
                       });
                     $( "<ul/>", {
                     "class": "my-new-list",
                     html: items.join( "" )
                     }).appendTo( "body" );
                     });
                     Метод jQuery.post() завантажує дані з сервера через http POST запит

                                jQuery.post(url [, data] [, success] [, dataType]
                          |
                           [settings])
                     Параметри методу аналогічні методу get.

                     $.post( "test.html", function( data ) {
                     alert( "Data Loaded: " + data );
                     });
                     $.post( "/register", { userName: "John", userAge: "21" })
   160   161   162   163   164   165   166   167