Ajax选择列表

Question

I want to retrive the result of this kind of data list with CakePHP 3

<?= $this->Form->select('notif_message', 
    [ 'oui' => 'oui', 'non' => 'non'], array('id' => 'notifmess')); ?>
<?= $this->Form->hidden('notifmessage', ['value' => $notif_message]) ;?>

The goal is when a user chosse a value, an Ajax call to this controller be done

public function notifmessage() // mise à jour des paramètres de notifications 0  = non, 1 = oui
{

    if ($this->request->is('ajax')) {

    $notifmessage = $this->request->data('notifmessage');

    if($notifmessage == 'oui')
    {
        $new_notif_message = 'non';
    }
    else
    {
         $new_notif_message = 'oui';
    }

    $query = $this->Settings->query()
                        ->update()
                        ->set(['notif_message' => $new_notif_message])
                        ->where(['user_id' => $this->Auth->user('username') ])                            
                        ->execute();

    $this->response->body($new_notif_message);
    return $this->response;

    }
}

And i would like to do this call in Ajax without reloading , i have this script

<script type="text/javascript">
$(document).ready(function() {
    $('.notif_message').change(function(){
        $.ajax({
            type: 'POST',
            url: '/settings-notif_message',
            data: 'select.notif_message' + val,
            success: function(data) {
                alert('ok');
            },
            error: function(data) {
                alert('fail');
            }
        });
    });
});
</script>

he doesn't work, nothing happend but i don't know why, i don't have any message in log, i can't debug without indication what doesn't not work

Thanks

Answer 1

In yout javascript you should use $('#notifmess').change(… or $('[notif_message]').change(… instead of $('.notif_message').change(….
In CakePHP the first argument of the select method will be used as the name attribute of the select tag.

Update: In your controller you are retrieving the value of $_POST['notifmessage'], which is the name of the hidden input field. To get the user's choice you either should use $this->request->data('notif_message'); in the controller, or setting up the ajax request to send the data with notifmessage like so:

$('[name="notif_message"]').change(function(){
    $.ajax({
        type: 'POST',
        url: '/settings-notif_message',
        data: {'notifmessage' : this.value},
        success: function(data) {
            // To change selected value to the one got from the server
            $('#notifmess').val(data);

            alert('ok');
        },
        error: function(data) {
            alert('fail');
        }
    });
});

(Where in this case this is referring to <select> tag.)