[AJAX] SQL Update ohne aktualisierung

Guten Tag.

Ich kenne mich nicht mit AJAX/JQuery und dem Zeugs aus, aber ich brauche ein Code
der sobald ich auf etwas bestimmtes klicke ein MySQL Query ausführt und dann automatisch aktualisiert.

Also ich habe hier diese Liste mit verschiedenen Farben:

<div id="colors" class="center-align">
        <ul>
            <li class="color-blue" id="blue"></li>
            <li class="color-green" id="green"></li>
            <li class="color-orange" id="orange"></li>
            <li class="color-pink" id="pink"></li>
        </ul>
    </div>

Und jetzt möchte ich dass es wenn ich z.B auf die class ".color-blue" klicke, dass es ein Query ausführt,
dass die ID von der class ".color-blue" nimmt und dort einfüght:

$query = $GLOBALS['Database']->prepare('UPDATE asapi_colors SET color = ? WHERE userid = ? LIMIT 1');
$query->execute(array($ID_VON_DER_CLASS, $GLOBALS['User']['ID']));

Währe echt nett wenn jemand Zeit hat mir so einen Code zu machen

Freundliche Grüsse,
asapi

Danke euch beiden, werde es mal testen gebe dann bescheid

Zitat von MeineNippelBrennt

Spoiler anzeigen

Code

$query = [color=#FF0000]$GLOBALS['Database'][/color]->prepare('UPDATE asapi_colors SET color = ? WHERE userid = ? LIMIT 1');
$query->execute(array($ID_VON_DER_CLASS, $GLOBALS['User']['ID']));

WIESO?!

Was meinst du?