Das erste Mal, Ajax mit WP zu machen, wie geht das?

Ich habe im Laufe der Jahre versucht, dies aus verschiedenen Posts herauszubekommen, aber ich kann es einfach nicht zum Laufen bringen, da ich kein Jquery-Guru bin und darum kämpfe, mich darum zu kümmern.

Mein html:

 Select Sub-category Trainers  

Mein Ajax (in meiner js-Datei)

 $('#shoes-kids').on('change', function(){ $.ajax({ url:"/wp-admin/admin-ajax.php", type:'POST', data:'action=', success:function(results) { $("#product-results").append(results); } }); }); 

functionen.php

 add_action( 'wp_ajax_nopriv_load-filter2', 'tsf_load_products' ); add_action( 'wp_ajax_load-filter2', 'tsf_load_products' ); function tsf_load_products () { $product_args = array ( 'post_type' => 'shoes', 'posts_per_page' => -1, 'order' => 'DESC', 'tax_query' => array( array( 'taxonomy' => 'tsf_category', 'field' => 'slug', 'terms' => 'trainers-kids-shoes', 'operator' => 'IN' ) ), ); $product_query = new WP_Query( $product_args ); while ( $product_query->have_posts() ) { $product_query->the_post(); echo '
  • ' . get_the_title() . '
  • '; } wp_reset_postdata(); }

    Ich weiß, wie es in meinem Kopf funktionieren wird, aber ich habe Mühe, alles in die Praxis umzusetzen. Die Dinge, mit denen ich zu kämpfen habe, sind:

    1) Hinzufügen der Daten zum Ajax-Anruf (was muss ich dort eingeben)

    2) Wie man die Informationen zur function locale script hinzufügt (für meine js-Datei)

    3) Das Ergebnis in die Site spucken

    Danke im Voraus

    Solutions Collecting From Web of "Das erste Mal, Ajax mit WP zu machen, wie geht das?"

     $('#shoes-kids').on('change', function(){ $.post('< ?php echo admin_url( "admin-ajax.php" ); ?>', { first_name: ""+ $("#first_name").val(), //sending first name last_name: ""+ $("#last_name").val(), //sending last name action : 'your_ajax_hook' }, function(data,status){ if(status=="success") { $("#product-results").append(data); } else { alert('Failed'); } }); }); 

    dh: –

     add_action( 'wp_ajax_your_ajax_hook', 'your_function_name' ); add_action( 'wp_ajax_nopriv_your_ajax_hook', 'your_function_name' ); 

    Oben habe ich first_name und last_name als Post-Daten gesendet, die Sie mehr senden können, indem Sie einfach ‘,’ als Trennzeichen setzen