Параметры Ajaxify WP - Проблемы с использованием сериализации и флажков jquery

Question

Я работал над панелью настроек темы для WordPress. но я столкнулся с ошибкой, когда начал использовать более 1 флажок в качестве опции.

мой код использует jquery для сериализации всех данных формы, а затем отправляет их в ajax-url wp. затем я добавляю функцию обратного вызова, и WP знает, что нужно отправить данные в функцию, которую я настроил для сохранения параметров в БД.

это работает, когда я проверяю флажки, нажимаю Сохранить и не проблема. значения сохранены. но теперь, когда флажки установлены, если я попытаюсь снять 1 или 2 из 3 и нажать кнопку сохранения ..., то при обновлении флажки все еще будут отмечены. значения по-прежнему включены в БД. Я думаю, что это b / c, jquery не сериализует непроверенные флажки, поэтому они не передаются в массив update_option. поскольку их нет в массиве update_option, значения этих ключей остаются такими же, как в настоящее время в БД. следовательно, без изменений. странно (для меня по крайней мере), если я снимаю все 3 из моих тестовых флажков тогда, это действительно обновляет должным образом.

Итак, я ищу обходной путь, который обновит параметры с правильными значениями и снимет значения флажков, которые не были проверены.

<?php

add_action('admin_menu', 'test_add_theme_page');

function test_add_theme_page() {
    if ( isset( $_GET['page'] ) && $_GET['page'] == basename(__FILE__) ) {

        add_action('admin_head', 'test_theme_page_head');
    }
    add_theme_page(__('Test Admin'), __('Test Admin'), 'edit_themes', basename(__FILE__), 'test_theme_page');
}




function test_theme_page_head() {
?>

    <script type="text/javascript">
    jQuery(document).ready(function($) {

      jQuery('form#test_form').submit(function() {
          var data = jQuery(this).serialize();

    alert(data);

          jQuery.post(ajaxurl, data, function(response) {
              if(response == 1) {
                  show_message(1);
                  t = setTimeout('fade_message()', 2000);
              } else {
                  show_message(2);
                  t = setTimeout('fade_message()', 2000);
              }
          });
          return false;
      });

    });

    function show_message(n) {
        if(n == 1) {
            jQuery('#saved').html('<div id="message" class="updated fade"><p><strong><?php _e('Options saved.'); ?></strong></p></div>').show();
        } else {
            jQuery('#saved').html('<div id="message" class="error fade"><p><strong><?php _e('Options could not be saved.'); ?></strong></p></div>').show();
        }
    }

    function fade_message() {
        jQuery('#saved').fadeOut(1000);
        clearTimeout(t);
    }
    </script>

<?php
}




function test_theme_page() {
?>

<div class="wrap">

    <h2><?php _e('Test Admin'); ?></h2>

    <div id="saved"></div>
    <?php $options = get_option('test_theme'); 

 echo "<br>";
 print_r($options);
 echo"<br>";
 ?>
    <form action="/" name="test_form" id="test_form">
        Text<input type="text" name="test_text" value="<?php echo $options['test_text']; ?>" /><br />
        Check1<input type="checkbox" name="test_check1" <?php echo ($options['test_check1'] == 'on') ? 'checked' : ''; ?> /><br />
  Check2<input type="checkbox" name="test_check2" <?php echo ($options['test_check2'] == 'on') ? 'checked' : ''; ?> /><br />
  Check3<input type="checkbox" name="test_check3" <?php echo ($options['test_check3'] == 'on') ? 'checked' : ''; ?> /><br />
        <input type="hidden" name="action" value="test_theme_data_save" />
        <input type="hidden" name="security" value="<?php echo wp_create_nonce('test-theme-data'); ?>" />
        <input type="submit" value="Submit" />
    </form>

</div>

<?php
}




add_action('wp_ajax_test_theme_data_save', 'test_theme_save_ajax');

function test_theme_save_ajax() {

    check_ajax_referer('test-theme-data', 'security');

    $data = $_POST;
    unset($data['security'], $data['action']);

    if(!is_array(get_option('test_theme'))) {
        $options = array();
    } else {
        $options = get_option('test_theme');
    }

    if(!empty($data)) {
        $diff = array_diff($options, $data);
        $diff2 = array_diff($data, $options);
        $diff = array_merge($diff, $diff2);
    } else {
        $diff = array();
    }

    if(!empty($diff)) {
        if(update_option('test_theme', $data)) {
            die('1');
        } else {
            die('0');
        }
    } else {
        die('1');
    }
}

полный код вы можете увидеть здесь http://pastebin.com/BCHwsBi5

Answer 1

было очевидно 1. чрезмерно усложняющие вещи и 2. не понимающие, что update_option возвращает TRUE при обновлении и возвращает FALSE, если изменений нет, а НЕ при сбое.

вот исправленная функция test_theme_save_ajax ():

function test_theme_save_ajax() {

    check_ajax_referer('test-theme-data', 'security');

    $data = $_POST;
    unset($data['security'], $data['action']);

    update_option('test_theme', $data);
    die('1');

}