Kategoria: Ajax

JS – $.ajax – console.error

$.ajax({
        url: '/api/products/get-all.json',
        type: 'GET',
        dataType: 'json',
        success(resp) {
            if(resp.resp.error) {
                $("#feedback").text(resp.resp.error).addClass('text-danger');
                return;
            }
            $("#feedback").text(resp.resp.success).addClass('text-success');
        },
        error(e){
           var message = "";
           if(e.responseJSON !== 'undefined') message = e.responseJSON.message;
           if(e.responseText !== 'undefined') message = e.responseText.message;
           console.log(message ); 
        }
    });

ajaxSetup

Ustawienia wspólne dla wielu wywołań ajax

$.ajaxSetup({
    url      : '/projekty/add.json',
    type     : 'post',
    dataType : 'json',
    error    : function(e){ console.error(e.message); }
});

$.ajax({
    url     : '/projekty/edit.json',   // nadpisuje ust. ogólne
    data    : JSON.stringify({id, name}),
    success : function(resp ){ render(resp); }
});

Ajax Headers

Typowy Request jQuery Ajax

    var url      = '/controller/action.json'
    var data_obj = {
        ulica    : 'Marszałkowska',
        miasto   : 'Warszawa'
    };

    data = JSON.stringify( data_obj ); 

    $.ajax({
        type       : 'post',
        dataType   : 'json',
        data       : data,
        url        : url,
        success    : function(response) { 
                       renderResult(response); 
                     },
        error      : function(e) { alert( e.message ); }
    });

Ustawianie nagłówków dla Request

    $.ajax({

        beforeSend : function(xhr) { 
                       xhr.setRequestHeader('X-Test-Hdr', 'Test'); 
                     },
        headers: {
                'header1': 'value1',
                'header2': 'value2'
            },
        contentType: 'application/json; charset=utf-8',

    });

Domyślny nagłówek dla żądań AJAX

X-Requested-With: XMLHttpRequest

  xhrobj.setRequestHeader("X-Requested-With", "XMLHttpRequest");