API 요청 시 원하는 data request 하는 방법

오늘은 API 요청 시 원하는 data를 request하고 파라미터를 사용하는 방법에 대해 포스팅해보자 :)

아래와 같이 data가 들어가 있다고 가정을 해보았다.

   {
     "name": "han",
     "age": "20",
     "city": "seoul"
   },
   {
     "name": "kim",
     "age": "21",
     "city": "dajeon"
   },
   {
     "name": "lee",
     "age": "22",
     "city": "seoul"
   }
       

테이블의 행들 중에서 선택한 행의 name 값을 request해 해당하는 name의 정보들을 가져오고 싶을 때 아래와 같이 작성해주면 된다

function contentData(material) {
 let table = $('#tableId').DataTable().row(rowIdx).data(); //datatable로 된 table형태
  
    $.ajax({
        url: CONTEXT_PATH + "java 단에서 지정한 주소",
        type: "GET",
        async: false,
        data: {
            name: table.name; // java에서 지정해준 VO로 일치시켜줘야 함
        },
        success: function (data) {
			console.log(data) // 만약 api로 요청이 잘 됐다면 콘솔에 잘 뜸
          
            let dbData = data["List"];
            let sendDic = {};
			let sendList =[];
          
            sendDic["age"] = dbData[0]["age"];
            sendDic["city"] = dbData[0]["city"];
          
            sendList.push(sendDic);
        },
        error: function (xhr) {
            alert(errorMessage(xhr.status));
        }
    });
}

위와 같이 작성한다면 내가 원하는 행에서 원하는 data를 request하고 요청된 파라미터들을 자유자재로 사용할 수 있다.