无法通过url获取页面的详细信息并将其显示到索引页面codeigniter - Jquery

Question

这是代码

  <script type="text/javascript">
  $(document).ready(function(){
  $(document).on('click','.show_more',function(){
    var ID = $(this).attr('id');
    $('.read_more').hide();
    $('.loding').show();
    $.ajax({
        type:'POST',
        url:'ajax_page.php',
        data:'id='+ID,
        success:function(html){
            //alert(url);
            $('#read_more_main'+ID).remove();
            $('.listdiv').append(html); // in the index page
        }
      });

     });
   });
  </script>

我正在使用Codeigniter和Jquery。我想获取ajax_page.php的详细信息并在索引页面中将其显示为.listdiv。我无法访问ajax_page.php，但它在listdiv中显示整个索引页面。请告诉我这里做错了什么。我如何正确地调用ajax_page.php。

Answer 1

防止点击事件

$(document).on('click','.show_more',function(e){
e.preventDefault();