ajax post 전송 예제

Posted by abitou on Αυγ 02, 2019

다음 예제에서는 $.post() 메서드를 사용하여 요청과 함께 일부 데이터를 보냅니다. 게시물은 종종 전송 하거나 데이터의 톤에 거의 수신 하는 경우 사용 됩니다. 앞에서 설명한 것처럼 웹 서버, 데이터베이스 또는 API와 통신할 때도 사용됩니다. 양식 제출 예제 이 예제에서는 이러한 요청이 무대 뒤에서 발생하기 때문에 AJAX에 실제로 적용되지 않지만 다른 요청 유형 간에 어떤 일이 일어나고 있는지 더 자세히 이해하는 데 도움이 될 수 있습니다. 웹 서비스에서 지원하는 데이터의 인터넷 미디어 형식http://example.com/resources/ 등 웹 서비스의 기본 URI라는 네 가지 정의된 측면이 있는 리소스 모음입니다. 이것은 종종 JSON, XML 또는 YAML이지만 다른 유효한 인터넷 미디어 유형일 수 있습니다. HTTP 메서드(예: POST, GET, PUT 또는 DELETE)를 사용하여 웹 서비스에서 지원하는 작업 집합입니다. API는 하이퍼텍스트 기반이어야 합니다. [11] 그것은 바닐라 자바 스크립트에 내장되지 않기 때문에 당신은 Ajax로 가기 위해 JQuery (예를 들어)와 같은 라이브러리를 사용해야합니다. 이름은 비동기 자바 스크립트 및 XML의 짧은 이름입니다. HTTP POST 요청을 사용하여 서버에서 데이터를 로드하거나 보냅니다. Ajax가 요청을 보내는 데 필요한 모든 구성을 포함하는 개체가 필요합니다.

예를 들어 HTTP는 동사(또는 «메서드»), URI, 인터넷 미디어 유형, 요청 및 응답 코드 등의 측면에서 매우 풍부한 어휘를 가지고 있습니다. REST는 HTTP 프로토콜의 이러한 기존 기능을 사용하므로 기존 계층화된 프록시 및 게이트웨이 구성 요소가 HTTP 캐싱 및 보안 적용과 같은 네트워크에서 추가 기능을 수행할 수 있습니다. 음, Ajax는 비동기적으로 금요일 오후에 스크롤 할 때 트위터 피드를로드에서, 쇼핑 사이트에 관리 패널에서 새로운 제품을 추가에, 웹에서 볼 수있는 모든 에 숨길 수 있습니다. 이 기사에서 Ajax에 대해 이야기 할 때 JQuery에 내장 된 방법을 가장 자주 참조합니다. JQuery의 아약스는 아약스의 한 유형이지만, 아약스는 JQuery의 아약스가 아닙니다. Get은 전체 개체, 파일, 테이블 등을 보낼 수있는 게시물과 달리 키 – 값 쌍을 보낼 수 있습니다. get & post의 용량에 대해 자세히 읽어보세요. Ajax 메서드는 $를 입력하여 액세스합니다. jQuery 개체입니다. 에 대한 후속 설정 JQuery가 제공하는 모든 함수 목록이 표시됩니다.

위의 예에서 캐시된 결과를 얻을 수 있습니다. 이를 방지하려면 URL에 고유 ID 추가: CORS(원본 간 리소스 공유)는 브라우저에 한 원본에서 실행되는 웹 응용 프로그램을 허용하도록 지시하거나 도메인이 다른 원본의 서버에서 선택한 리소스에 액세스할 수 있는 권한을 갖도록 하는 추가 HTTP 헤더입니다. 을 참조하십시오. 즉, 출처가 같지 않거나 도메인이 리소스를 공유할 수 있습니다(아래 이미지 참조). 서버가 사용자 또는 다른 웹 응용 프로그램의 원본에서 요청을 허용하도록 구성된 한 XMLHttpRequest 및 Ajax가 작동합니다. jquery_send.php 페이지는 아래에 제공된 대로 구현할 수 있는 jquery_send.php 메서드를 포함합니다: jQuery $.post() 메서드는 웹 페이지에서 데이터를 요청하고 반환된 결과(요청된 페이지에서 전송됨)를 해당 웹 페이지로 표시하는 데 사용됩니다. 페이지를 새로 고치지 않고 요청이 전송되었습니다. 위의 주어진 방법은 일을하는 수동 방법입니다 – 당신은 거기 밖으로 Ajax 라이브러리의 수백을 사용하여이 자동화 할 수 있습니다.

jQuery의 $.get() 및 $.post() 메서드는 웹 서버에서 비동기적으로 데이터를 보내고 검색하는 간단한 도구를 제공합니다.

Comments are closed.

Ο καιρός

ar8ra

advertisement