AJAX에서 정의되지 않은 값

Question

아래에는 Google지도 API를 사용하여 두 곳의 거리를 저장하는 기능이 있습니다. 그 결과는 volunteerDist에 저장되며 정의 된 jid 배열이 있습니다. 5 행의 Document.write는 배열의 각 요소의 내용을 보여줍니다. 자, 자원 봉사자의 Object.prototype을 알려주면 Object Array라고합니다. 그러나 $ .ajax를 호출하고 volunteerDist를 데이터로 전송하고 경고 (아래 그림 참조)하면 정의되지 않고 성공 (데이터가 저장되지만 내용은 정의되지 않음)을 반환합니다. 어떤 도움이 필요합니까? 감사합니다

function getABC(){ 
for(s=0;s<length;s++){ 
    volunteerlocation = new GLatLng(jlat[s], jlng[s]); 
    volunteerDist[s] = (Math.round((eventlocation.distanceFrom(volunteerlocation)/1000)*10)/10); 
    document.write(volunteerDist[s] + '<br> '); 
    document.write(jid[s] + '<br> '); 
} 

alert(Object.prototype.toString.call(volunteerDist)); 

$.ajax({ 
    type:'POST', 
    url: 'toDistance.php', 
    data : ({ 
     distance:volunteerDist, 
     id:jid 
    }), 
    success: function(data){ 
     alert(data); 
     alert('worked'); 
    }, 
    error :function(jqXHR, textStatus, errorThrown) { 
     alert(errorThrown); 
    }, 
    complete : function(){ 
     alert('thanks'); 
    } 
}); 
} 

---

업데이트 :

아래 내 toDistance.php

<?php 
    $distance=array(); 
    $volunteerid=array(); 
    if(empty($_GET)){ 
     echo "Hello"; 
    } 
    else{ 

     $distance = isset($_GET['distance']) ? $_GET['distance'] : 0; 
     $volunteerid = isset($_GET['id']) ? $_GET['id'] : 0; 
     $connect = mysql_connect("localhost","root",""); 
     mysql_select_db("mapping"); 


     for($i=0;$i<$distance.length;$i++){ 
      $updateDistance = mysql_query(" 
      UPDATE volunteerbio 
      SET volunteerDistance = $distance[$i] 
      WHERE volunteerID = $volunteerid[$i]; 
      "); 
     } 
    } 
?> 

Answer 1

그것은 지금 같은 데이터 변수입니다! 그것은 다른 범위에 있습니다.

성공 함수의 data은 서버가 반환 한 값입니다. 그것이 당신을 혼란스럽게한다면 다른 이름을 붙이십시오.

$.ajax({ 
    type:'POST', 
    url: 'toDistance.php', 
    data : ({ 
     distance:volunteerDist, 
     id:jid 
    }), 
    success: function(result){ // Data sent from the server. not the data above! 
     alert(result); 
     alert('worked'); 
    }, 
    error :function(jqXHR, textStatus, errorThrown) { 
     alert(errorThrown); 
    }, 
    complete : function(){ 
     alert('thanks'); 
    } 
});