OpenSource

ajax Request example

아르비스 2019. 12. 3. 13:53

javascript에서 ajax를 사용해 Request 하는 예시 ( POST, GET)

 

$.ajax({ url: "/find/"+'{{ code }}', // 클라이언트가 HTTP 요청을 보낼 서버의 URL 주소
                  //  data: { name: "홍길동" }, // HTTP 요청과 함께 서버로 보낼 데이터
                    method: "GET", // HTTP 요청 메소드(GET, POST 등)
                 dataType: "json" // 서버에서 보내줄 데이터의 타입
                 }) // HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
            .done(function(json) {
                console.log(json)
                name = json[0]['pname']
                refno = json[0]['ref_num']
                size = json[0]['size']
                $('#pName').html(name);
                $('#pSize').html(size);
                $('#refNo').html(refno);
                $('#skuNo').html(skuno);
            }) // HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
            .fail(function(xhr, status, errorThrown) {
                $("#text").html("오류가 발생했다.<br>")
                    .append("오류명: " + errorThrown + "<br>")
                    .append("상태: " + status);
            })
            .always(function(xhr, status) {
                $("#text").html("요청이 완료되었습니다!");
            });