在Ajax中使用PHP函数

Question

I am trying to get to run a php loop once i press on a radio button. I realize that i have to do this using ajax. I am very new to ajax so im having a hard time getting this done. What happens now is that i cannot even press the radio button anymore and nothing shows up.

what i tried so far:

my loop(which works fine): magazines.php:

<?php
$args = array( 'post_type' => 'magazine', 'posts_per_page' => 10 );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post();
  the_title();
  echo '<div class="entry-content">';
  the_content();
  echo '</div>';
endwhile;
}
?>

Ajax in main page:

$('radio').click(function() {
$.ajax({
    url: 'magazines.php',
    success: function(){
         alert('success');
    }
});

return false;
});

Any help would be appreciated. Thanks!

Answer 1

Try this

$('body').on('click','input:radio',function() {
    $.ajax({
      url: 'magazines.php',
      success: function(data){
        $('#your-selector').html(data);
      }
      });
})