Ajax Metodunda Form Datalarının Yanında Ek Veriler Göndermek

Ajax Method: Form Serialize + Additional Datas

Ajax methodunu kullanarak form verilerini $('#form').serialize() kullanarak kolayca gönderebiliyoruz. Fakat bu form verilerinin dışında ek datalar göndermek istediğinizde, aşağıdaki yöntemlerden birini kullanabilirsiniz.

Yöntem 1:
var data_ajax = $('#form').serialize() + '&quantity='+quantity+'&name=Ali';
$.ajax({
    url: 'index.php',
    type: 'POST',
    data: data_ajax,
    dataType: 'json',
    beforeSend: function() {
        $('#button').button('loading');
    },
    complete: function() {
        $('#button').button('reset');
    },
    success: function(json) {
        //..
    },
    error: function(xhr, ajaxOptions, thrownError) {
        alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
    }
});
 
Yöntem 2:
var data_ajax = $('#form').serializeArray();
data_ajax.push({name: 'quantity', value: quantity});
data_ajax.push({name: 'name', value: 'Ali'});
$.ajax({
    url: 'index.php',
    type: 'POST',
    data: data_ajax,
    dataType: 'json',
    beforeSend: function() {
        $('#button').button('loading');
    },
    complete: function() {
        $('#button').button('reset');
    },
    success: function(json) {
        //..
    },
    error: function(xhr, ajaxOptions, thrownError) {
        alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
    }
});

Yorumlar