Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 17.01.2018, 04:53   #1
javanoobie
Пользователь
 
Регистрация: 15.01.2018
Сообщений: 12
Репутация: 10
По умолчанию Ajax кнопка вкл/выкл таски ;

Всем Привет!
Не могу понять как можно в аяксе приклеить кнопку active/inactive;

ajax.js
Код:

$(document).ready(function() {

    var __getTable_timeout = 0;


    function getTable() {

        clearTimeout(__getTable_timeout);

        $.ajax({

            url: "monitor/all",

        type: "GET",

        dataType: "json",

        success: function(response) {

            var trHTML = '';

            $.each(response, function(key, value) {

                trHTML += '<tr><td>' + value.id + '</td><td>'
                    + value.url + '</td><td>'
                    + value.exceptedHttpResponseCode + '</td><td>'
                    + value.status + '</td><td>'
                    + value.active + '</td>' +
                    '<td><button data-id="' + value.id + '" + value.id + class="btn btn-danger btn-sm delBtn">Delete</td></tr>';

            });

            $('#monitorTable').html(trHTML);

            __getTable_timeout = setTimeout(getTable, 500);

        }

    });

    };

    getTable();



    $("#frm").on("submit", function(event) {

        event.preventDefault();

        $.ajax({

            url: "/monitor/add",

        type: "post",

        data: JSON.stringify({

                'url': $('input[name=url]').val(),

        'exceptedHttpResponseCode': $('input[name=exceptedHttpResponseCode]').val()

    }),

        contentType: "application/json",

        success: getTable,
    });

    });



    $('#monitorTable').on('click','button.delBtn',function(){
        var id = $(this).data('id');

        $.ajax({
            url: '/monitor/delete/' +$(this).data('id'),
        type: 'DELETE',
        dataType: "json",
        success: getTable

    });

    });
});

Изображения
Тип файла: png Screen Shot 2018-01-17 at 2.49.54 AM.png (11.8 Кб, 12 просмотров)

Последний раз редактировалось javanoobie; 17.01.2018 в 23:17.
javanoobie вне форума   Ответить с цитированием
Старый 17.01.2018, 23:16   #2
javanoobie
Пользователь
 
Регистрация: 15.01.2018
Сообщений: 12
Репутация: 10
Печаль

как то тут тихо
javanoobie вне форума   Ответить с цитированием
Старый 17.01.2018, 23:28   #3
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 17,387
Репутация: 3353

icq: 512-765
skype: alexp.frl
По умолчанию

Наверно всем лень разбираться в вашем коде и делать задачу за вас, а конкретных вопросов нет.
Alex11223 на форуме   Ответить с цитированием
Старый 18.01.2018, 01:23   #4
javanoobie
Пользователь
 
Регистрация: 15.01.2018
Сообщений: 12
Репутация: 10
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
Наверно всем лень разбираться в вашем коде и делать задачу за вас, а конкретных вопросов нет.
Ну так а для чего нужны форумы? это не задача,я сам тренеруюсь по туториалам и это только один из элементов того что делаю
javanoobie вне форума   Ответить с цитированием
Старый 18.01.2018, 01:35   #5
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 17,387
Репутация: 3353

icq: 512-765
skype: alexp.frl
По умолчанию

"задача" это не обязательно задача из учебника и т.п., можно и самому себе поставить задачу.

И? Что вы хотите от форума? Вы выложили задачу ("в аяксе приклеить кнопку active/inactive") и какой-то код (который даже и запустить не получится без всего остального сайта), не рассказали что вы хотели этим сказать, не задали никаких вопросов.
Alex11223 на форуме   Ответить с цитированием
Старый 18.01.2018, 01:54   #6
javanoobie
Пользователь
 
Регистрация: 15.01.2018
Сообщений: 12
Репутация: 10
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
"задача" это не обязательно задача из учебника и т.п., можно и самому себе поставить задачу.

И? Что вы хотите от форума? Вы выложили задачу ("в аяксе приклеить кнопку active/inactive") и какой-то код (который даже и запустить не получится без всего остального сайта), не рассказали что вы хотели этим сказать, не задали никаких вопросов.
уже сделал ,работает, но выглядит код не очень,два обработчика на кнопку поствил; есть конкретный вопрос,не зависимо от остальной задачи. мне сейчас приходит true и false как в ajax прописать что true="on" ,false="off"?
Код:

   $('#monitorTable').on('click','button.activeBtn',function(){
        var id = $(this).data('id');

        $.ajax({
            url: '/monitor/deactive/' +$(this).data('id'),
            type: 'POST',
            dataType: "json",
            success: getTable

        });

    });
    $('#monitorTable').on('click','button.activeBtn',function(){
        var id = $(this).data('id');

        $.ajax({
            url: '/monitor/active/' +$(this).data('id'),
            type: 'POST',
            dataType: "json",
            success: getTable

        });

    });

javanoobie вне форума   Ответить с цитированием
Старый 18.01.2018, 10:05   #7
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 17,387
Репутация: 3353

icq: 512-765
skype: alexp.frl
По умолчанию

Цитата:
Сообщение от javanoobie Посмотреть сообщение
как в ajax прописать что true="on" ,false="off"
Это как?

Ajax это просто отправка HTTP запросов из клиентского JS. HTTP запросы работают точно так же как и не в ajax.

Если вы хотите передать какой-то параметр в HTTP запросе, то обычно это делают в URL или в теле POST запроса.
В функции ajax в jQuery вроде бы есть опция data.
Alex11223 на форуме   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вкл/выкл скрипта JS в DLE. danilchican JavaScript, Ajax 1 17.12.2012 17:25
ВКЛ и ВЫКЛ пересчета формул sasha_prof Microsoft Office Excel 2 27.04.2010 11:50
Вкл./Выкл. редактирование StringGrid'а Marsel737 Общие вопросы Delphi 2 27.12.2009 20:36
C# Фиксация вкл\выкл ПК Elmors Фриланс 1 31.05.2009 15:56
C# Определить вкл\выкл компьютера. Elmors C# (си шарп) 1 31.05.2009 00:44


19:02.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru