{"id":1181,"date":"2018-05-29T13:26:22","date_gmt":"2018-05-29T11:26:22","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=1181"},"modified":"2018-06-24T12:50:22","modified_gmt":"2018-06-24T10:50:22","slug":"wordpress-bewertungsformular-mit-ajax","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2018\/05\/29\/wordpress-bewertungsformular-mit-ajax\/","title":{"rendered":"WordPress Bewertungsformular mit AJAX"},"content":{"rendered":"

Einleitung<\/h2>\n

Sie kennen wahrscheinlich mein Bewertungsformular, es steht am Ende jedes Artikels und erlaubt eine Benotung von sehr gut bis ungen\u00fcgend. Bislang ist es so, dass ich eine Nachricht erhalte, wenn jemand eine Bewertung abgeschickt hat, und die Information nur f\u00fcr mich privat relevant ist. Jetzt dachte ich mir, das geht auch anders: erstens m\u00f6chte ich am Ende jedes Artikels angezeigt bekommen, ob schon Bewertungen vorhanden sind. Und zweitens soll sich die Anzeige automatisch aktualisieren, wenn jemand eine neue Bewertung abgibt. Dazu brauchts a bisserl AJAX, und das geht mit WordPress eigentlich ganz einfach, wenn man das Prinzip einmal \u00fcberrissen hat.<\/p>\n

Formular am Ende jedes Artikels anzeigen<\/h2>\n

Daf\u00fcr basteln wir uns ein Plugin, und in das kommt als Erstes mal das Formular und ein Filter, der das ganze ans Ende jedes Contents h\u00e4ngt. Wahlweise kann man das auch in eine Abfrage klemmen, die das Formular nur in der Einzelansicht anzeigt, das fragt man mit dem if(is_single() ab. Sonst ist nichts weiter dabei. Ansonsten gibt es 6 Radiobuttons mit den Noten und einen Button zum absenden des Formulars.<\/p>\n

function el_insertText($content) {\r\n    echo $content.\"<br><hr>\";\r\n\u00a0 \/\/ if(is_single()) {\r\n\u00a0\u00a0 \u00a0\u00a0 \r\n\u00a0\u00a0\u00a0\u00a0\u00a0 echo '<div style=\"border:1px dotted #000; text-align:center; padding:10px;\">';\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 echo '<h4>Dir gef\u00e4llt dieser Beitrag?<\/h4>';\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 echo '<p>Dann bewerte ihn!<\/p>';\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 echo '<\/div>';\r\n\u00a0\u00a0 \u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0 echo \" <form action = '' method='post'>\";\r\n\u00a0 \r\n\u00a0\u00a0 \u00a0\u00a0 echo \"<fieldset>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<div id = 'noten' class = 'noten' style = 'border:2px solid blue; padding :4px;'>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<input type='radio'\u00a0 name='note' value='1'>sehr gut\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<input type='radio' name='note' value='2'>gut\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<input type='radio' name='note' value='3'>befriedigend<br>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<input type='radio'\u00a0 name='note' value='4'>ausreichend\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<input type='radio' name='note' value='5'>mangelhaft\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<input type='radio' name='note' value='6'>ungen\u00fcgend\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<input type ='button' name = 'absenden' class = 'bew-button' value = 'abschicken'>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<\/div>\r\n\u00a0\u00a0 \u00a0\u00a0 <\/fieldset>\";\r\n\u00a0\u00a0 \u00a0echo \"<\/form>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0 \u00a0\r\n\u00a0 \/\/ } \/\/End von is_single\r\n\u00a0 \r\n}\r\nadd_filter<\/span> ('the_content', 'el_insertText');<\/pre>\n
Was brauchen wir f\u00fcr die Verarbeitung?<\/h2>\n
Eine Tabelle zum Speichern der Noten<\/h3>\n
Erstens eine Tabelle, in der die Bewertungen gespeichert werden. Ich hab mir da eine kleine L\u00f6sung im PHPmyAdmin angelegt, die Tabelle heisst bewertungen und hat drei Felder, die id als Autowert, die beitrags_id und die note.<\/p>\n
\"tabelle_bewertungen\"
tabelle_bewertungen<\/p><\/div>\n
WordPress-Puristen schreien hier wahrscheinlich schon Zetermordio, man k\u00f6nnte nat\u00fcrlich die Bewertungen in die wp_options reinklemmen, aber das war mir jetzt zu umst\u00e4ndlich, ich arbeite lieber mit einer eigenen Tabelle.<\/p>\n
Die aktuelle Beitrags-ID<\/h3>\n
Zweitens brauchen wir die ID des bewerteten Beitrags, und drittens nat\u00fcrlich die vergebene Note. Die ID holt man sich mit get_the_ID(), und ich schreibe sie als unsichtbaren Text mit rein, das geht so:<\/p>\n
echo \"<span id = 'beitragsid' style='display:none;'>\".get_the_ID().\"<\/span><br>\";<\/pre>\n
Dann kann ich mir nachher anhand der Span-id im Javascript die ID herauspfl\u00fccken. Die Note hole ich mir auch mit dem Script, dazu gleich mehr.<\/p>\n
Eine Logik zur Ausgabe der bereits vorhandenen Bewertungen<\/h3>\n
Drittens brauchen wir f\u00fcr die Anzeige der schon vorhandenen Bewertungen eine Abfrage auf unsere Tabelle bewertungen und eine Ausgabe der berechneten Durchschnittsnote sowie der Anzahl der vorhandenen Bewertungen. Das ist nicht weiter wild, mit $wpdb und der BeitragsID ist das fix erledigt.<\/p>\n
global $wpdb;\r\n\u00a0\u00a0 \u00a0$alleposts = $wpdb->get_results( \"SELECT * from bewertungen \r\n\u00a0\u00a0 \u00a0where beitrags_id = \".get_the_ID().\"\");\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0 $gefunden = $wpdb->num_rows;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$durchschnitt = 0;\r\n\u00a0\u00a0 \u00a0foreach($alleposts as $einpost){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$durchschnitt = $durchschnitt + $einpost->note;\r\n\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0if ($gefunden != 0){\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$durchschnitt = $durchschnitt \/ $gefunden;\r\n\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$durchschnitt= round($durchschnitt);<\/pre>\n
Damit aus dem gerundeten Notenwert auch ein Wort wird, klemmen wir noch einen switch case dahinter:<\/p>\n
\u00a0\u00a0\u00a0 $wort = '';\r\nswitch ($durchschnitt) {\r\n\u00a0\u00a0\u00a0 case 0:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort = \"keine Bewertung\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0\u00a0 case 1:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort = \"sehr gut\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0\u00a0 case 2:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort =\u00a0 \"gut\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0 \u00a0case 3:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort = \"befriedigend\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0\u00a0 case 4:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort =\u00a0 \"ausreichend\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0\u00a0 case 5:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort =\u00a0 \"mangelhaft\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0 \u00a0case 6:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort =\u00a0 \"ungen\u00fcgend\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n}\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0echo \"<span id = 'ausgabe'>\".$gefunden.\" Bewertungen gefunden, Durchschnitt: \".$wort.\"<span>\";<\/pre>\n
Die Ausgabe-Span kriegt gleich noch eine id verpasst, hier schreiben wir nachher unsere aktualisierten Werte rein.<\/p>\n
Das zugeh\u00f6rige Javascript<\/h2>\n
…kommt mit ins Plugin-Verzeichnis, und wird mit enqueue script geladen. Wir schicken mit dem wp_localize_script gleich noch die URL zur admin-ajax.php mit.<\/p>\n
add_action( 'wp_enqueue_scripts', 'el_bew_assets' );\r\nfunction el_bew_assets() {\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0wp_enqueue_script<\/span>( 'bew', plugins_url( '\/el_bewertung.js<\/span>', __FILE__ ), array('jquery'), '1.0', true );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0wp_localize_script<\/span>( 'bew', 'bewertungen', array(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'ajax_url' => admin_url( 'admin-ajax.php' )<\/span>));\r\n\r\n\u00a0\u00a0 \u00a0}<\/pre>\n
Wir packen unser gesamtes Script in eine document-ready Function, weil sonst JQuery noch nicht geladen sein k\u00f6nnte, wenn wir unser Script ausf\u00fchren.\u00a0 Die Function rennt los, sobald jemand den Bewertungs-Button geklickt hat. Zuerst werden die ben\u00f6tigten Daten auf Variable gelegt, und dann noch abgecheckt ob auch eine Benotung anggeklickt wurde.<\/p>\n
jQuery(document).ready(function($){\r\njQuery( document ).on( 'click', '.bew-button'<\/span>, function() {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/ Ajax url aus localize script<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0var a_url = bewertungen.ajax_url;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/Note aus den Radiobuttons holen<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0var selectedOption = $(\"input:radio[name=note]:checked\").val();\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/Beitragsid aus span holen<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0var akt_id = document.getElementById(\"beitragsid\").innerHTML;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/Check ob keine Note angew\u00e4hlt, Abbruch<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (typeof selectedOption === 'undefined'){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0alert('Bitte eine Note w\u00e4hlen!');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0return;}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0var post_note = selectedOption;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0alert('Vielen Dank, ihre Benotung wurde gespeichert');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/Ajax-Call\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0jQuery.ajax({<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0url : a_url,<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0type : 'post',<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0data : {<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0action : 'bew_add_bewertung<\/span>',<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0post_id : akt_id,<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0note : post_note<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0},<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0success : function( response ) {<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<\/span>document.getElementById(\"ausgabe\").innerHTML = response;<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}<\/span>\r\n\u00a0\u00a0 \u00a0})<\/span>;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n})\r\n});<\/pre>\n
Der AJAX-Call ist recht einfach, es wird die ajax-admin-URL mitgegeben und als Request-Typ ‚post‘ definiert. In den data schicken wir zuerst mit, welche Funktion ausgef\u00fchrt werden soll (dazu gleich mehr), und \u00fcbergeben die Beitrags-ID sowie die Note. In der success-Function schreiben wir den R\u00fcckgabewert des Calls in die Span mit der ID ausgabe. Das wars schon!<\/p>\n
Jetzt m\u00fcssen wir WordPress nur noch anweisen, die Callback-Function auch zuzuordnen, dazu erg\u00e4nzen wir unser Plugin um folgende Zeilen:<\/p>\n
add_action( 'wp_ajax_nopriv_bew_add_bewertung', 'bew_add_bewertung' );\r\nadd_action( 'wp_ajax_bew_add_bewertung', 'bew_add_bewertung' );<\/pre>\n
Das erste Argument mit dem nopriv gilt f\u00fcrs Frontend, das Zweite k\u00f6nnte ich mir eigentlich sparen, das w\u00e4re f\u00fcr die Admin-View und steht hier nur der Vollst\u00e4ndigkeit halber.<\/p>\n
Die Callback-Funktion<\/h2>\n
Macht ganz etwas \u00c4hnliches wie unsere Bildschrimausgabe von oben, sie ermittelt anhand der \u00fcbergebenen Beitrags-ID und der Note die aktuellen Zahlen. Daf\u00fcr wird zuerst einmal die neue Bewertung in die Tabelle bewertungen eingetragen (Insert), dann wird neu berechnet und ausgegeben. Den switch case k\u00f6nnte man auch in eine eigene Funktion auslagern, ich habs mit copy&paste gemacht, ist genau dasselbe wie oben.<\/p>\n
function bew_add_bewertung(){\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0global $wpdb;\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\/\/Neue Benotung eintragen\r\n\u00a0\u00a0 \u00a0$wpdb->insert<\/span>('bewertungen', array(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'beitrags_id' => $_POST['post_id']<\/span>,\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'note' => $_POST['note']<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0));\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\/\/gtNeue Anzahl holen\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$alleposts = $wpdb->get_results( \"SELECT * from bewertungen \r\n\u00a0\u00a0 \u00a0where beitrags_id = \".$_POST['post_id'].\"\");\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0 $anzahl = $wpdb->num_rows;\r\n\u00a0\u00a0 \u00a0$durchschnitt = 0;\r\n\u00a0\u00a0 \u00a0foreach($alleposts as $einpost){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$durchschnitt = $durchschnitt + $einpost->note;\r\n\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0if ($anzahl != 0){\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$durchschnitt = $durchschnitt \/ $anzahl;\r\n\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$durchschnitt= round($durchschnitt);\r\n\u00a0\u00a0 \u00a0 $wort='';\r\n\u00a0\u00a0 \u00a0switch ($durchschnitt) {\r\n\u00a0\u00a0\u00a0 case 0:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort = \"keine Bewertung\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0\u00a0 case 1:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort = \"sehr gut\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0\u00a0 case 2:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort =\u00a0 \"gut\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0 \u00a0case 3:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort = \"befriedigend\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0\u00a0 case 4:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort =\u00a0 \"ausreichend\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0\u00a0 case 5:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort =\u00a0 \"mangelhaft\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n\u00a0\u00a0 \u00a0case 6:\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $wort =\u00a0 \"ungen\u00fcgend\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 break;\r\n}\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$rueckgabe = $anzahl.\" Bewertungen, Durchschnittsnote: \".$wort;<\/span>\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0echo $rueckgabe;<\/span>\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0die();\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\r\n} \/\/ende function bew_add_bewertung<\/pre>\n
Das die() am Ende braucht WordPress, um den Call korrekt auszuf\u00fchren. Aber damit sind wir auch schon fertig. Die bereits vorhandenen Bewertungen werden angezeigt:<\/p>\n
\"bewertungformular1\"
bewertungformular1<\/p><\/div>\n
Wenn jetzt ein Besucher eine Bewertung abgibt, wird die Anzeige nach Klick auf den absenden-Button automatisch aktualisiert:<\/p>\n
\"bewertungsformular2\"
bewertungsformular2<\/p><\/div>\n
Man k\u00f6nnte an der Optik noch ein bisschen was verbessern, ich gebs ja zu, aber funktionieren tut die Sache einwandfrei. Wie gesagt, wenn man sich mit der WordPress-eigenen Ajax-Logik einmal auseinandergesetzt hat, ist so etwas nicht wirklich schwierig zu realisieren.<\/p>\n","protected":false},"excerpt":{"rendered":"
Einleitung Sie kennen wahrscheinlich mein Bewertungsformular, es steht am Ende jedes Artikels und erlaubt eine Benotung von sehr gut bis ungen\u00fcgend. Bislang ist es so, dass ich eine Nachricht erhalte, wenn jemand eine Bewertung abgeschickt hat, und die Information nur f\u00fcr mich privat relevant ist. Jetzt dachte ich mir, das geht auch anders: erstens m\u00f6chte […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[20,21,11,7,4,8,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1181"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=1181"}],"version-history":[{"count":7,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1181\/revisions"}],"predecessor-version":[{"id":1315,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1181\/revisions\/1315"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=1181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=1181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=1181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}