Ajax 통화가 잘못 되었나요?

Question

이미지를 클릭 할 때 트리거 될 함수에서 ajax 호출을 작성했습니다. PHP 페이지에서 php gd를 사용하여 이미지를 회전합니다. 어쨌든 아약스가 발동되지 않습니다. 내가 실수를하고있는 곳을 알아낼 수 없다!

JQuery와 :

$(document).ready(function() { 
     $("#rotate-head-1").click(function(){ 
      alert("Function running"); 

      var filename = document.getElementById('image-1').getAttribute('src'); 
      $.ajax({ 
       url:"test.php", 
       type:"GET", 
       async:true, 
       data:{procedure:"rotate",file_name:filename}, 
       cache:false 
       success: function(data) { 
        alert("Success"); 
       } 
       error: function() { 
        alert("Failure"); 
       } 
      }); 

     }); 
    }); 

HTML :

<img id="rotate-head-1" src="rotate_icon.jpg" width="20" height="20" border="0" alt="Rotate Image" title="Rotate Image"> 
<img id="image-1" src="../../member_media/media/test.jpeg" width="200" border="0"> 

어떤 도움이나 제안이 크게 감사합니다.

Answer 1

cache 및 success 옵션을 사용하면 눈에 띄는 부분에 누락 된 쉼표가 표시됩니다. 이러한 오류는 콘솔에 나타나야합니다. 즉, 이러한 종류의 문제를 즉시 디버깅하는 데 사용할 수 있습니다.

$(document).ready(function() { 
    $("#rotate-head-1").click(function(){ 
     alert("Function running"); 

     var filename = document.getElementById('image-1').getAttribute('src'); 
     $.ajax({ 
      url:"test.php", 
      type:"GET", 
      async:true, 
      data:{procedure:"rotate",file_name:filename}, 
      cache:false //<-- you miss a comma here? 
      success: function(data) { 
       alert("Success"); 
      } // <-- and miss a comma here 
      error: function() { 
       alert("Failure"); 
      } 
     }); 

    }); 
});