연결이 안되어서 어디가 잘ㄹ못된곳을 지적하여주세여

  <script>
   $(document).ready(function(){
    listing();
    });
   function listing() {
$.ajax({
   type: "GET",
   url: "http://spartacodingclub.shop/web/api/movie",
   data: {},
   success: function(response){
         let movies = response['movies']
         for (let i = 0 ; i < movies.length; i++) {
             let movie = movies[i]
             let title = movie['title']
             let desc = movie['desc']
             let image = movie['image']
             let comment = movie['comment']
             let star = movie['star']

             let temp_html = `<div class="col">
                                 <div class="card h-100">
                                     <img src="${image}"
                                          class="card-img-top">
                                     <div class="card-body">
                                         <h5 class="card-title">${title}</h5>
                                         <p class="card-text">${desc}</p>
                                         <p>${star}</p>
                                         <p class="mycomment">${comment}</p>
                                     </div>
                                 </div>
                             </div>`
             $('#cards-box').append(temp_html)
         }
   }
 })

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 상황을 이해할 수 있어요.