Блог

Главная - Вопросы по программированию - Изменение цвета div в обратном вызове ajax

Изменение цвета div в обратном вызове ajax

#javascript #jquery #html #css #ajax

#javascript #jquery #HTML #css #ajax

Вопрос:

Первоначальная идея состоит в том, чтобы выбрать даты из календаря,Даты, вокруг которых есть рамка (1 июня, 5 июня, 6 июня ..... и т. Д.) передать выбранные даты через ajax, а затем отобразить только выбранные даты в календаре (праздники). Я запрашиваю базу данных для выбранных дат и хочу, чтобы они отображались другим цветом. Вот моя функция ajax:

 function save_datepicker_date(date) {


var url     = "/ajax/days_off_add_remove.php";
var params  = {
    date    : date ,
    company_id : $("#company_id").val(),
    field   : "ui-state-highlight"

};

$.get(url, params,
    function(data) {

            alert(data);
        $('.' field).css("color","#5500ff");

    });

}

Я не знаю почему, но, похоже, это не работает. Любая помощь приветствуется!

Это мой days_off_add_remove.php файл :

 enter code here   $company_id = $_REQUEST['company_id'];
  $date = $_REQUEST['date'];


$qry = "INSERT INTO days_off SET

                date        = '".mysql_date($date)."',
                company_id = '".$company_id."'


            ";

$sql-> запрос ($ qry);

Когда я выбираю дату, она отображает параметр поля, который имеет значение «ui-state-highlight», но он все равно не работает.

РЕШАЕМАЯ

Дополнение: Хорошо, теперь у меня выбранные праздники выделены красным цветом. введите описание изображения здесь

Что я хочу сделать сейчас, так это то, что если кто-то нажмет на выделенную красным дату, она станет обычной датой (больше не праздничной). Прямо сейчас я пытаюсь выбрать элементы, которые имеют класс ui-state-highlight (квадраты красного цвета) … это правильный путь? Любые предложения и решения приветствуются. Заранее благодарю вас.

Комментарии:

1. Что data вы получаете от сервера? Я имею в виду, какой это формат: xml, html, json?

2. Что значит «похоже, это не работает»? Вы изменяете общее свойство CSS в обратном вызове. Так что это должно сработать, если выполняется обратный вызов. Вы уверены $.get , что функция -callback ( function(data) {...} ) вообще выполняется? Вы можете проверить это, добавив alert("Test"); вызов функции.

3. Да, он выполняется. На загруженном мной изображении показаны выбранные даты, которые я передаю через ajax.

Ответ №1:

Вы можете попробовать это:

 $.getJSON("/ajax/days_off_add_remove.php"   request.term , function (data){
    response($.map(data,function(opt){
        return {
            label : opt.name,
            value : opt.name,

        }
    }))
})

Ответ №2:

Решаемая: 

  function save_datepicker_date(date) {


var url     = "/ajax/days_off_add_remove.php";
var params  = {
    date    : date ,
    company_id : $("#company_id").val()

};

$.get(url, params,
    function(data) {

        $('.ui-state-highlight a').css({"background": "none", "background-color":"red"});

    });