Probleme mit Ajax und WP

Jorgos

Hallo zusammen,
ich breche mir hier schon seit Tagen einen ab.
Ich möchte mit folgendem Code (alles in einer Datei) einfach nur Daten abspeichern.
Das funktioniert aber nicht.
Ich erhalte bei bestätigen des Buttons in der Console die Meldung: Bad request (400)
Habt Ihr eine Idee, was das Problem ist?
Wahrscheinlich wieder nur so eine Kleinigkeit :-)

Lieben Dank im Voraus.

Jürgen

HTML

<html>
<head>


<script type="text/javascript">


jQuery(document).ready(function($){
   $("#my-submit").on('click',function(e){
  
      e.preventDefault();


     // alert(ajaxurl);
      jQuery.ajax({
    


      type: "POST",
      url: ajaxurl,
      data : {
            action    : 'datainsert'
        },
       success: function(response){  
         if(response =='true')    {
             $("div#result").html("Successful");
         }else{
          // alert('2');
            $("div#result").html("Error");
        
         }


       }
    });
  });
});


</script>


</head>


<body>


<?PHP


add_action('wp_ajax_nopriv_check_datainsert','datainsert');
add_action('wp_ajax_check_datainsert','datainsert');




 function datainsert(){


   global $wpdb;
   $tablename = 'om_edb';
  
   $sql = "INSERT INTO $tablename ('vlink','vname','voptions') VALUES ('aaaaaaaaa','bbbbbbbbbbbb','xxxx')";
   $wpdb->get_results($sql);
 
 
}




?>


<div id="result"></div>


<button id="my-submit">Speichern</button>




</body>
<html>

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

mensmaximus

ajaxurl ist wo definiert?

Jorgos

Hi, ja, stimmt, hatte ich in den ganzen Versuchen vergessen.
Funktioniert dennoch nicht :(

HTML

<html>
<head>


<script type="text/javascript">


jQuery(document).ready(function($){
   $("#my-submit").on('click',function(e){
 
      e.preventDefault();
      var ajaxurl = 'http://mydomain.de/wp-admin/admin-ajax.php';


     // Hier wird mich der Pfad komplett angezeigt bei einem alert(ajaxurl);


      jQuery.ajax({
      type: "POST",
      url  : ajaxurl,
      data : {
            action    : 'datainsert'
        },
       success: function(response){
         if(response =='true')    {
             $("div#result").html("Successful");
         }else{
          // alert('2');
            $("div#result").html("Error");
      
         }


       }
    });
  });
});


</script>


</head>


<body>


<?PHP


add_action('wp_ajax_nopriv_check_datainsert','datainsert');
add_action('wp_ajax_check_datainsert','datainsert');




function datainsert(){


   global $wpdb;
   $tablename = 'om_edb';
 
   $sql = "INSERT INTO $tablename ('vlink','vname','voptions') VALUES ('aaaaaaaaa','bbbbbbbbbbbb','xxxx')";
   $wpdb->get_results($sql);




}




?>


<div id="result"></div>


<button id="my-submit">Speichern</button>




</body>
<html>

Alles anzeigen

b3317133

Link zur Seite, wo das so aktiv ist?

Der Code bindet keine jQuery Bibliothek ein, schwer vorstellbar, dass da im Browser überhaupt etwas passiert ausser einem Scriptfehler. Dazu fehlt die WordPress Einbindung für den PHP-Code, [FONT=Courier New]add_action()[/FONT] dürfte damit einen PHP Fehler erzeugen, und dazu gibt der AJAX-Code gar nichts zurück. So kann man schwer helfen.

mensmaximus

Action muss 'check_datainsert' lauten nicht 'datainsert'.

Jorgos

OK.
Ich habe jetzt JQuery eingebunden und diese Fehlermeldung kam jetzt auch nicht mehr.
Dennoch erscheint in der Console immer noch "Bad Request"
Der Link dazu der Seite. Habe ich jetzt mal ins Frontend gebaut, lautet: http://dev.offerj.de/2601-2/

Der Aktuelle Code:

HTML

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
   $("#my-submit").on('click',function(e){
 
      e.preventDefault();
       var ajaxurl = 'http://dev.offerj.de/wp-admin/admin-ajax.php';
      //alert(ajaxurl);
     
      jQuery.ajax({
   


      type: "POST",
      url  : ajaxurl,
      data : {
            action    : 'datainsert'
        },
       success: function(response){ 
         if(response =='true')    {
             $("div#result").html("Successful");
         }else{
          // alert('2');
            $("div#result").html("Error");
       
         }


       }
    });
  });
});


</script>


</head>


<body>


<?PHP


add_action('wp_ajax_nopriv_check_datainsert','check_datainsert');
add_action('wp_ajax_check_datainsert','check_datainsert');




 function datainsert(){


   global $wpdb;
   $tablename = 'om_edb';
 
   $sql = "INSERT INTO $tablename ('vlink','vname','voptions') VALUES ('aaaaaaaaa','bbbbbbbbbbbb','xxxx')";
   $wpdb->get_results($sql);




}




?>


<div id="result"></div>


<button id="my-submit">Speichern</button>




</body>
<html>

Alles anzeigen

b3317133

Die [FONT=Courier New]add_action()[/FONT] sollten nicht in der Template Datei [FONT=Courier New]inserttest.php[/FONT] aufgerufen werden, sondern immer über das Theme in [FONT=Courier New]functions.php[/FONT] o.ä. oder ein Plugin. Beim Ajax Aufruf sind diese Actions sonst nicht bekannt.

Jorgos

OK.
Ich habe nun die add_action in die functions.php ausgelagert. Bad Request blieb gestehen.
Dann habe ich

Code

data : {
            action    : 'datainsert'
        },
in
data : {
            action    : 'check_datainsert'
        },

geändert. Bad request war verschwunden, aber ich bekomme im Ajaxteil nun eine fehlerhafte Succsess-Meldung

b3317133

Dein Ajax Aufruf gibt derzeit das hier zurück, siehe auch Netzwerk Tab im Browser:

Code

Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'datainsert' not found or invalid function name in /is/htdocs/wp10652[...]rips/wp-includes/class-wp-hook.php on line 292
0

Vermutlich sieht [FONT=Courier New]add_action()[/FONT] Deinen PHP Code nicht.

Der PHP Code selbst gibt wie bereits beschrieben sonst nichts verwertbares zurück, nur die 0 weil wohl wp_die() fehlt.

Jorgos

Ich glaube, ich sehe den Wald vor lauter Bäumen nicht.
Ich poste mal meine Dateie (Inhalte) hier. Vielleicht hilft das besser bei der Auf(Er)klärung :-)
inserttest.php

PHP

<?php /* Template Name: Insertest*/?>
<html>
<head>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>


<script type="text/javascript">
jQuery(document).ready(function($){
   $("#my-submit").on('click',function(e){
 
      e.preventDefault();
      var ajaxurl = 'http://dev.offerj.de/wp-admin/admin-ajax.php';
      //alert(ajaxurl);
     
      jQuery.ajax({
   


      type: "POST",
      url  : ajaxurl,
      data : {
            action    : 'check_datainsert'
        },
       success: function(response){ 
         if(response =='true')    {
             $("div#result").html("Successful");
         }else{
          // alert('2');
            $("div#result").html("Error");
       
         }


       }
    });
  });
});


</script>


</head>


<body>


<div id="result"></div>


<button id="my-submit">Speichern</button>




</body>
<html>

Alles anzeigen

und die Functions.php

PHP

<?php


function check_datainsert(){


   global $wpdb;
   $tablename = 'om_edb';
 
   $sql = "INSERT INTO $tablename ('vlink','vname','voptions') VALUES ('aaaaaaaaa','bbbbbbbbbbbb','xxxx')";
   $wpdb->get_results($sql);


}
add_action('wp_ajax_nopriv_check_datainsert','check_datainsert');
add_action('wp_ajax_check_datainsert','check_datainsert');








function wpt_register_js() {
    wp_register_script('jquery.bootstrap.min', get_template_directory_uri() . '/bootstrap/js/bootstrap.min.js', 'jquery');
    wp_enqueue_script('jquery.bootstrap.min');
}
add_action( 'init', 'wpt_register_js' );






function wpt_register_css() {
    wp_register_style( 'bootstrap.min', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css' );
    wp_enqueue_style( 'bootstrap.min' );
}
add_action( 'wp_enqueue_scripts', 'wpt_register_css' );




function yourthemename_widgets_init() {
    register_sidebar( array(
        'name'          => __( 'Custom Widget Area Header', 'yourthemename' ),
        'id'            => 'sidebar-custom-header',
        'description'   => __( 'Custom widget area for the header of my theme', 'yourthemename' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget'  => '</aside>',
        'before_title'  => '<h3 class="widget-title">',
        'after_title'   => '</h3>',
    ) );


    register_sidebar( array(
        'name'          => __( 'Custom Widget Area Footer', 'yourthemename' ),
        'id'            => 'sidebar-custom-footer',
        'description'   => __( 'Custom widget area for the footer of my theme', 'yourthemename' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget'  => '</aside>',
        'before_title'  => '<h3 class="widget-title">',
        'after_title'   => '</h3>',
    ) );
 
  wp_register_script( 'bootstrap-js', get_template_directory_uri() . '/bootstrap/js/bootstrap.min.js', array( 'jquery' ), '3.3.7', true );
    wp_register_style( 'bootstrap-css', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css', array(), '3.3.7', true );
    wp_enqueue_script( 'bootstrap-js' );
    wp_enqueue_style( 'bootstrap-css' );
}
add_action( 'widgets_init', 'yourthemename_widgets_init' );






function register_my_menus() {
register_nav_menus(
array(
 'header-menu' => __( 'Header Menu'),
 'header-top'  => __( 'Header Top'),
 'footer-menu' => __( 'Footer Menu'),
 'mobile-menu' => __( 'Mobile Menu')
)
 );
}
add_action ('init', 'register_my_menus');




?>

Alles anzeigen

b3317133

Jetzt ist die [FONT=Courier New]Warning: call_user_func_array() ..[/FONT] weg, gut.

Die [FONT=Courier New]function check_datainsert()[/FONT] gibt weiterhin nichts zurück und es fehlt das [FONT=Courier New]wp_die()[/FONT] lt. Ajax Anleitung.

Jorgos

Sorry, helfe mir mal auf die Sprünge.
Was soll die funktion check_datainsert denn zurückgeben. Die soll ja nur etwas ausführen.
Ich blicke da nicht durch. :-(

b3317133

Dein JavaScript Code erwartet eine [FONT=Courier New]response[/FONT] und entscheidet anhand des Inhalts, was im Browser angezeigt wird.

Also solltest Du in der PHP Funktion wohl was zurückgeben, das irgendwie zum erfolgreichen oder nicht erfolgreichen Ausführen des PHP Codes auf dem Server passt. Daran sieht man dann im Browser, ob es geklappt hat oder nicht, das wäre zumindest das, was Dein JavaScript Code derzeit vorsieht. Aus irgendwelchen Gründen hast Du den ja so geschrieben.

Genereller Tipp zum Debugging von Ajax: Im Netzwerk Tab der Browser Konsole (google) kann man in der Antwort des Requests sehen, was von WordPress zurückgegeben wird, derzeit eine 0 (Null) wg. des fehlenden [FONT=Courier New]wp_die()[/FONT], siehe auch oben...

Jorgos

OK. Muss ich mal nachschauen oder lassen. Danke

Jorgos

Hi Leute,
es funktioniert.
Ich habe das auch daran fest gemacht, dass mir keine Datensatz in die DB geschrieben wurde.
Da war ein Fehler im SQL-String ;)

Danke für die Hilfe :)

b3317133

Für weitere Schritte unbedingt die Sicherheitshinweise in der WordPress Dokumentation für Zugriffe auf die Datenbank beachten, sonst handelt man sich möglicherweise ganz schnell böse Sicherheitslücken ein...

Jorgos

OK. Danke für den Tip

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit Ajax und WP

Jetzt mitmachen!