REST WCF Service in ASP.NET – #3/4 – POST HTTP Request with JQuery and AJAX

안녕하세요 REST WCF 웹 서비스 자습서의 세 번째 강의를 환영합니다

시리즈 이 단원에서는 POST HTTP 요청을 수행합니다 마지막으로 우리는 GET을했습니다 HTTP 요청, 이제는 서비스에 데이터를 보내고 다시 무언가를 얻을 시간입니다 그것에서

이번에는 우리의 서비스에 다른 방법을 추가해야합니다 마지막 강의에서 방금 DoWork 메소드를 사용했습니다 이번에는 DoSquare () 메소드를 추가 할 예정입니다 이 수업을 위해 내가하고 싶은 것은 간단한 수학이며, 숫자를 보내면됩니다 정수를 서비스에 추가하면 정사각형으로 결과가 반환됩니다

따라서 우리의 DoSquare () 메소드는 정수를 반환하고 정수가 필요합니다 그리고 이번에는 GET 요청이 아니며 POST 요청이며 마지막 사항입니다 우리는 URI를 변경해야하며 이것은 "DoSquare"입니다 좋아, 이제 우리는 그것을 구현 파일 공개 및 "DoSquare", int 값 그리고 간단하게 그것 값 * 값을 반환합니다 좋아요, 실제 웹 서비스 용입니다 그리고 이제 우리가 간다 기본 * aspx 파일 인 클라이언트로 돌아가서 다시 만듭니다

단추 이번에는 "DoSquare"와 JavaScript 함수를 호출합니다 "doSquare"거기 가서 다시 아약스가 필요하고 우리는 그것을 복사합니다 다른 하나

그럼 여기서 뭘해야하지? 이 URL을 변경해야합니다 시간은 "DoSquare"입니다 이번에는 다른 유형입니다 나는 사용하고있다 POST, dataType이 다시 "json"이면 이번에 contentType을 추가해야합니다

이것은 "application / json"이 될 것이고 마지막으로 중요한 일이지만, 나는 아주 좋아한다 여기에 넣어, "데이터"입니다 그리고 이렇게 해봅시다 우리는 변수를 정의 할 것입니다 이 경우 값은 2이며 JSON을 사용하여 데이터를 전송하므로 우리는 문자열 화해야합니다

따라서 우리는 서비스에 대한 우리의 가치를 번역해야합니다 그래서 그것을 읽을 수 있습니다 그리고이 함수는 "JSONstringify ()"입니다 저는 여기서 우리의 가치를 사용하고 있으며 우리가 우리에게 보낼 데이터입니다

서비스 그리고 그것은 실제로 그것입니다 해 보자 물론 우리는 이것을 구축해야합니다 우리가 서비스를 변경했기 때문에 시간

좋아 우리 페이지를 새로 고쳐 라 "DoSquare"를 클릭하면 결과를 얻습니다 굉장한, 안 그래? 그것이 POST에 대한 모든 것입니다 HTTP 요청

하지만 코드에서 변수를 사용하고 싶지 않을 수도 있습니다 너는 ~하고 싶어 사용자가 아무 것도 입력하지 못하게하십시오 그리고 이것은 HTML jQuery에 대한 부분이지만 여전히 그렇습니다 우리는 그것을 사용하고 여기서 그것을 할 것입니다

그럼 입력을 만들어 봅시다 텍스트 필드, 입력 유형 = "텍스트"이고 ID는 "squareValue"로 여기 멋진 jQuery를 다시 사용할 수 있습니다 이 선택기를 사용합니다 selector – ID를 사용하여 DOM 요소, HTML 요소의 값을 가져 오는 위치 "squareValue", 나는 이것이 정확하다고 생각한다 좋아요

그러면 여기에서 입력을 볼 수 있습니다 텍스트 필드 ID가 "squareValue"인 경우 여기에서 가져옵니다 이것은 jQuery 함수를 사용하여 텍스트 필드의 값 그런 다음 여기에서 다시 사용하여 데이터를 보냅니다 서비스에

이제 시도해 보겠습니다 좋아, 우리는 텍스트 필드를 가지고 있으므로 이번에는 3을 입력하고 DoSquare와 it 9를 반환합니다 12는 어때? 144, 멋지네 그게 당신이 POST 요청을 사용하고자 할 때 모든 것을, POST HTTP 요청하십시오 추가 질문이 있으시면 의견 및 지금은 GET 및 POST HTTP 요청의 기본 사항입니다

하지만 알아야 할 것이 하나 더 있습니다 당신이 당신 자신의 것을 사용하고 싶다면? 데이터 유형? 귀하의 서비스에 수업이 있고 이 클래스와 이러한 정보는 정수, 문자열, 부동 소수점, 다음 강의를 봐야합니다 그래서 거기에 보자! 🙂