Plugin Ajax verwenden

Linden

Moin,
ich versuche schon seit einiger Zeit erfolglos im Backend eine Ajax-Funktion einzubinden.
Wäre jemand so nett und würde es mir verständlich erklären oder ein verständliches Tutorial posten?

mein versuch war unteranderem folgender:

PHP

define('AJAXLOADPOSTURL', WP_PLUGIN_URL."/".dirname( plugin_basename( __FILE__ ) ) );wp_enqueue_script('my-upload', AJAXLOADPOSTURL.'/scripts/my-script.js', array('jquery'));wp_localize_script( 'my-upload', 'ajaxloadpostajax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );wp_enqueue_script('my-upload');

Code

$.ajax({
            type: "POST"
            , url: bob_unique.ajaxurl,
            data: {
                action: 'serversidefunction',
                title: bob_unique.title
            },
            dataType: "json",
            success: function (data, textStatus, XMLHttpRequest) {
                alert(data);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

b3317133

Woher kommt denn [FONT=courier new]bob_unique[/FONT]? Evtl. helfen auch diese Beispiele weiter.

Linden

[FONT=arial]Oh ich sehe grad , dass ich da ein paar Scripte aus meinen Test durcheinander gebracht habe! Das [COLOR=#333333]bob_unique ist aus einer anderen Funktion. Wie gesagt hab's ein wenig durch einander gebracht. Ändert aber nichts daran das keiner meiner Versuche geklappt hat.
Werde mir den Link anschauen und mich dann wieder melden![/COLOR][/FONT]

Linden

So nun nun hat es geklappt mit folgender Anleitung.
Allerdings hab ich nun das Problem das in den Variablen die ich übergebe immer Null steht, obwohl ich sehe das dort ein Wert vorhanden ist.

Code

jQuery.ajax({
            type: 'POST'
            , url: bob_unique.ajaxurl
            , data: {
                action: 'serversidefunction'
                , dataid: $("#d_title").val()
                , title: $("#d_title").val()
                , desc: $("#d_description").val()
            }
            , success: function (data, textStatus, XMLHttpRequest) {
                console.log(data);
                console.log(textStatus);
                console.log(XMLHttpRequest);
            }
            , error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(textStatus);
                console.log(errorThrown);
            }

Alles anzeigen

b3317133

Mit welcher Anleitung?

Zum Code: [FONT=courier new]#d_title [/FONT]wird als [FONT=courier new]dataid[/FONT] und [FONT=courier new]title[/FONT] verwendet, und wg. [FONT=courier new]null[/FONT] probier mal [FONT=courier new]jQuery("#d_title").val()[/FONT] usw. statt [FONT=courier new]$(..)[/FONT] oder meinst Du andere Variablen?[FONT=courier new][/FONT]

Linden

Oh Sorry meinte diese Anleitung http://www.besseronlineblog.de/ajax-in-wordpr…utzen-tutorial/
wenn ich [COLOR=#333333][FONT=&quot]jQuery("#d_title").val()[/FONT][/COLOR][COLOR=#333333] verwende bleibt es auch bei Null

[/COLOR]

AmFearLiath

lass dir über console.log doch mal dataid/title und desc in der console anzeigen

Linden

Über die Console hab ich es schon mittels [COLOR=#333333]jQuery("#d_title").val() usw. [/COLOR]ausgegeben.
Da kommen dann auch die gewünschten Daten.
Allerdings dann nicht wenn diese vom (PHP)Script verarbeitet wurden!
Folgende Ausgabe

Code

[{"id":null,"title":null,"desc":null}]0

Was Komisch ist denn wenn ich anstatt [COLOR=#333333]jQuery("#d_title").val() direkt Strings übergebe dann werden diese auch verarbeitet und richtig ausgegeben.
[/COLOR]
Was mir halt noch aufgefallen ist, dass am Ende immer eine Null steht.

b3317133

Und nur der Klarheit wegen, [FONT=courier new]#d_title[/FONT] meint den [FONT=courier new]id[/FONT] des Elements, nicht etwa den [FONT=courier new]name.[/FONT]

b3317133

Poste mal den PHP-Teil, der die POST-Variablen verarbeitet bzw. dieses JSON ausgibt.

Linden

Hier mal der ganze php code

Code

function hook_ajax_script(){
        wp_enqueue_script( 'my_ajax_script', plugins_url( 'scripts/data-ajax.js', __FILE__ ));
        wp_localize_script( 'my_ajax_script', 'bob_unique', array(
        'ajaxurl' => admin_url( 'admin-ajax.php' ),
        'title' => get_the_title()));
    }




    add_action( 'wp_enqueue_scripts', 'hook_ajax_script' );
    add_action( 'admin_enqueue_scripts', 'hook_ajax_script' );




    add_action( 'wp_ajax_nopriv_serversidefunction', 'serversidefunction' );
    add_action( 'wp_ajax_serversidefunction', 'serversidefunction' );




    function serversidefunction() {
        $responseData = $_POST['title'];
        echo json_encode($responseData);
    }

Alles anzeigen

Linden

Mittlerweile funktioniert mein Script. Es fehlte im Javascript nur jQuery(document).ready(function ($). Allerdings bleibt es dabei das am Ende eine 0 dran gehangen wird

b3317133

[FONT=courier new]$responseData[/FONT] muss ein Array sein.

Und [FONT=courier new]get_the_title()[/FONT] hat im [FONT=courier new]wp/admin_enqueue_scripts[/FONT] nichts verloren, das verlässt sich auf "die Loop" und die exisitert in den meisten Fällen da nicht, ergibt auf jeden Fall "unpredicted results".

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Plugin Ajax verwenden

Jetzt mitmachen!