Javascript ajax中的php函数

我试图在按下单选按钮后运行php循环。我意识到我必须使用ajax来实现这一点。我对ajax非常陌生，所以我很难做到这一点。现在发生的事情是，我甚至不能再按单选按钮，什么也没有显示

到目前为止，我尝试的是：

我的循环（工作正常）： magages.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;
}
?>

任何帮助都将不胜感激。 谢谢

试试这个

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

---

radio

是一个类型选择器，它匹配您没有的元素（以及HTML中不存在的元素）

您需要编写一个与您的元素实际匹配的。e、 g.

输入

请尝试此操作

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

---

试试这个：它经过测试

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
     $(function(){
         $('input:radio').click(function() {
             console.log("clicked");
             $.ajax({
                 url: 'magazines.php',
                 success: function(response){
                     console.log(response);
                     alert('success');
                  }
             });
         return false;
         });
    });
</script>

$（函数（）{
$（'input:radio'）。单击（函数（）{
控制台日志（“单击”）；
$.ajax({
url:'magages.php'，
成功：功能（响应）{
控制台日志（响应）；
警惕（“成功”）；
}
});
返回false；
});
});

我不想显示警报。我想让我的循环运行。注释“return false；”和tryNope，不起作用：/我给了无线电输入一个类，并以同样不起作用的方式进行了尝试。好的。。。真奇怪。那么这意味着我的url有问题吗？如果我删除了url，我会收到成功消息，但我不知道url有什么问题。@kerv-可能。或者，当您尝试绑定事件处理程序时，该元素可能不存在。您需要进行更多的调试。查看浏览器中的开发人员工具。使用“网络”选项卡查看是否正在发出请求。如果是的话，请查看响应，找出问题所在。如果不是，则添加console.log语句以查看JS是否正在运行，以及

$（'.foo'）.length

是否为非零。@kerv-如果您已将其缩小到请求问题，请查看开发人员工具。检查控制台是否存在交叉原点错误。查看“网络”选项卡，查看您实际发出的请求和响应。嘿，我收到的消息成功了，但由于某种原因，它没有显示循环。谢谢你的帮助。谁投票否决了我？我不需要它。我试图在另一篇文章中添加评论以赢得50%的声誉。@kerv，我没有在“magazies.php”文件中检查代码。因为你说：“我的循环在magazies.php中工作得很好”。@kerv，我只是在“magazies.php”中打印一些字符串内容，这是我的回应。那么为什么要否决投票呢（请添加一些解释。您的答案当前标记为“低质量”，最终可能会被删除而不显示。）。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
     $(function(){
         $('input:radio').click(function() {
             console.log("clicked");
             $.ajax({
                 url: 'magazines.php',
                 success: function(response){
                     console.log(response);
                     alert('success');
                  }
             });
         return false;
         });
    });
</script>