Javascript에서 http GET 하기

Docker로 백엔드를 만들고(왜 꼭 도커를 사용해야하는지는 아직도 모르겠음. 다른 방법은 없는걸까?)

손수 파라미터 url을 주소창에 입력, OSRM API로부터 응답을 받는 것(json 형태)까지 성공했다.

 

 

그런데...

html 안, script 문에서 이 모든 것을 수행해야하는데...

 

 

// 중간에 map html에 표시하기전에 osrm에 변수 살려서 전달하는 함수
// 반환된 좌표를 바로 OSRM API에 보내서 값 얻어오기
function SendCoordinate(start_lat, start_lon, arrive_lat, arrive_lon) {
    var Parms = '';
    Parms += start_lat;
    Parms += ',' + start_lon;
    Parms += ';' + arrive_lat;
    Parms += ',' + arrive_lon;

    // url에 이어서 전송...
    // 지금은 도커를 이용해 local에서 백엔드 실행하고 나서야 api 호출을 할 수 있지만. 배포할 땐 aws로 상시호출가능?
    // 비동기 처리
    $.ajax({
            url: 'http://127.0.0.1:5000/route/v1/foot/' + Parms,
            method: 'GET',
            dataType: 'json',  // 서버에서 보내줄 데이터 타입

            success: function (data) {
                $("#osrmResponse").html(data); // 전송받은 데이터 표시
                console.log('요청 성공')
            }
            ,
            error: function (request, status, error) {
                console.log('에러')
            }
            ,
            complete: function () {
                console.log("완료 and osrmResponse 표시했다")
            }
        }
    );
}

 

 

 

수정 중...

 

1. 사용자가 출발지, 목적지 도로명 주소 입력

2. 네이버지도 API로 출발지, 목적지 주소 위경도로 변환

3. OSRM API로 좌표 2개 전송하여 길찾기 결과 반환

이 모든 걸 Jquery로...

 

연결은 했는데 json 언제 parsing 하너...

 

 

 

 

참고 글

https://velog.io/@bathingape/JavaScript-var-let-const-%EC%B0%A8%EC%9D%B4%EC%A0%90

https://chlee21.tistory.com/156

https://araikuma.tistory.com/640