Почему AJAX не работает в моем приложении PHP?

Question

У меня есть приложение PHP, в этом приложении я пытаюсь использовать AJAX.

Ниже приведен код для просмотра страницы. На этой странице я пытаюсь go перейти к URL-адресу контроллера, но я не получаю его обратно после вывода значения. Не могли бы вы помочь кому-нибудь!

   <?php require APPROOT.'/views/inc/header.php'; ?>

 <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
  <div id="container" class="col-xs-6 col-xs-offset-3"> 
    <div class="row">
      <h2>Search Our Database</h2>
      <input class='form-control' type="text" name='search' id='search' placeholder='Search our inventory'>

      <br>
      <br>
      <h2 class="bg-success" id="result">  rumman  
      </h2>
    </div>  


<script>
    $(document).ready(function(){
        $('#search').keyup(function(){

            var search = $('#search').val();
       // alert(search);    

            $.ajax({                             
                 url:'Subjects/add',
                 data:{search:search},
                 type: 'POST',
                 success:function(data){        
                    if(!data.error) {  
                    $('#result').html(data); 
                 }  
            }  

        });  
    });
});

</script> 

<?php require APPROOT.'/views/inc/footer.php'; ?>

Ниже приведен метод моего контроллера в контроллере субъектов

public function add(){ 

    if(isset($_POST['search'])) { 
            $search = $_POST['search'];
            echo $search; 
    } 

    $this->view('Subjects/add');

 }

Answer 1

Надеюсь, это решит вашу проблему.

<script>
  $(document).ready(function(){
    $('#search').keyup(function(){

      var search = $('#search').val();   

      $.ajax({                             
        url:'subjects/add',
        data:{search:search},
        type: 'POST',
        success:function(data){        
          if(!data.error) {  
            $('#result').html(data); 
          }  
        }
      });
    });
  });
</script>