Проблема: передать некоторые параметры в вызове ajax (post) - PullRequest
Новая
       8

Проблема: передать некоторые параметры в вызове ajax (post)

0 голосов
/ 27 декабря 2018

У меня есть 2 функции: одну добавить и другую удалить.Я хотел бы повторно использовать тот же вызов ajax для отправки параметров, которые добавлены или удалены.Как я могу оптимизировать свою функцию?

Вот мой код на данный момент 

jQuery(document).ready(function () {

    function ajaxCall(action, callback) {
        jQuery.ajax('/index.php', {
            type: 'POST',
            dataType: 'json',
            data: {
                option: 'quotes',
                view: 'request',
                task: action,
                format: 'raw',
                tmpl: 'component'
            },
            success: function (response) {
                if (response.error == true) {
                    alert(response.errors.join('\n'));
                }
                else if (response.status == "DONE") {
                    callback(false);
                }
            },
            error: function (xhr) {
                console.log("Error: ", JSON.stringify(xhr));
                callback(true);
            }
        });
    }

    jQuery('#ajax_add').click(function (event) {
        event.stopPropagation();

        var id = jQuery('#id').val();
        var price = jQuery('#price').val();

        //I want to send two variables: id, price

        ajaxCall("addData", function (error) {
            if (error) {
                alert("Error!.");
            }
            else {
                alert("It's OK!");
            }
        });
    });

});

Функция для удаления аналогична функции "addData", она также вызывает "ajaxCall" и отправитпараметры для удаления.

Я заблокирован, и я не знаю, как ее решить, я надеюсь, вы можете помочь мне, спасибо

1 Ответ

0 голосов
/ 27 декабря 2018

Вы можете добавить новый аргумент в функцию ajaxCall и отправить параметры в виде объекта, объединить их с данными, которые есть в функции, например: 

function ajaxCall(action, params, callback) {

Затемв вызове ajax: 

jQuery.ajax('/index.php', {
    type: 'POST',
    dataType: 'json',
    data: $.extend(params, {
        option: 'quotes',
        view: 'request',
        task: action,
        format: 'raw',
        tmpl: 'component'
    }),
    ...

Вызов внутри события будет выглядеть так: 

ajaxCall("addData", {id: id, price: price}, function (error) {
...