jquery post 예제


0 Flares Filament.io 0 Flares ×

실제 사례를 살펴보겠습니다. google.com 가서 “개”를 검색 – 검색 결과가 즉시 표시되는 방법을 참조, 그들은 심지어 당신이 검색을 변경할 때 변경? 이 데이터는 “온디맨드”로 가져왔으며 AJAX가 바로 그 것입니다. AJAX는 자바 스크립트와 HTTP 모두에 의존하며 AJAX를 완전히 파악하기 위해 두 가지를 이해하는 것이 좋습니다. 내가 준 예를 깨고 그것을 해결하기 위해 노력하도록 도전한다. 동시에 브라우저의 개발자 도구 모음을 사용하여 더 많은 통찰력을 얻으십시오. 주제를 철저히 배우는 가장 좋은 방법입니다. 이 아래 요청은 구문을 사용하여 다른 페이지(jquery_send.php)에서 웹 페이지(jquery_post.php)로 전송됩니다. 위의 예에서 마지막 매개 변수는 응답 데이터의 유형입니다. 우리는 서버 응답으로 JSON 데이터를 얻을 것이다. 따라서 post() 메서드는 자동으로 JSON 개체에 대한 응답을 구문 분석합니다. 나머지 매개 변수는 첫 번째 예제와 동일합니다. “demo_test_post.asp”의 ASP 스크립트는 매개 변수를 읽고 처리하며 결과를 반환합니다. jQuery $.post() 메서드는 웹 페이지에서 데이터를 요청하고 페이지를 새로 고치지 않고 요청이 전송된 웹 페이지에 반환된 결과(요청된 페이지에서 전송됨)를 표시하는 데 사용됩니다.

위의 멘탈 모델의 HTML 페이지가 단일 GET 요청이었던 것처럼 다른 유형의 요청에서도 동일한 작업을 수행할 수 있습니다. 예를 들어 POST, PUT, PATCH 또는 DELETE를 사용하여 서버의 데이터를 수정할 수 있습니다. jQuery의 post() 메서드는 POST HTTP 요청을 사용하여 서버에서 페이지를 로드하고 XMLHttpRequest 개체를 반환합니다. $.ajax() 메서드에는 성공, 오류, 완료 및 이전 Send와 같은 AJAX 응답을 적절하게 처리하기 위해 연결할 수 있는 몇 가지 이벤트가 있습니다. 우리가 가장 중요 한 것 들 성공과 오류, 그래서 우리는 우리의 예제에서 이들을 사용 합니다. 이것은 아래에 주어진 대로 구현할 수 있는 jquery_send.php 페이지: main.php 버튼을 누를 때 아래 예제에서 이 PHP 파일 호출. HTTP는 동사를 사용하여 얻기, 만들기, 업데이트 및 삭제와 같은 작업을 설명합니다. POST 동사는 일반적으로 리소스를 만드는 데 사용되며 이 구는 예제에서 사용할 동사입니다.

그리고 여기에 우리는 요청을 읽고 처리하고 결과를 반환하는 PHP 코드를 포함하는 “jquery_post.php”파일이 있습니다. 다음 유형은 contentType입니다. HTTP 요청 및 응답이 작동하는 방식을 이해하는 것이 많은 도움이 되는 곳입니다. 여기서 설정한 내용은 HTTP 헤더 필드 콘텐츠 유형의 일부로 전송됩니다. 서버가 응답을 올바르게 해석할 수 있도록 어떤 유형의 콘텐츠를 보내고 있는지 미리 서버에 알려주기 때문에 주의해야 합니다. 예를 들어, 콘텐츠 유형의 응용 프로그램/json이 표시되면 서버 쪽 코드에서 JSON과 같이 콘텐츠를 처리하는 것이 알 수 있습니다. 위의 튜토리얼을 사용하면 jQuery의 $.post() 방법에 익숙해졌습니다. 당신이 그것을 좋아 할 수 있기를 바랍니다, 더 많은 것을 배우고 더 많은 코딩 트릭을 얻기 위해 우리의 다른 블로그를 읽고 계속. post() 메서드를 사용하여 데이터를 제출하고 응답을 얻는 방법을 살펴보겠습니다. 다음 예제를 살펴보겠습니다. jQuery get() 및 post() 메서드는 HTTP GET 또는 POST 요청이 있는 서버에서 데이터를 요청하는 데 사용됩니다. jQuery.post(url, [데이터], [콜백], [type] 메서드는 POST HTTP 요청을 사용하여 서버에서 페이지를 로드합니다.

성공 함수는 페이지에서 메시지를 업데이트하거나 테이블의 검색 결과를 업데이트하는 등 성공적인 AJAX 응답을 받은 후 작업을 수행하는 위치입니다.