XMLHTTP 객체 캡슐화 기술 샘플 코드에 대한 자세한 설명
Ajax 기술의 구현은 주로 xmlhttprequest에 의존하지만 비동기 데이터 전송을 위해 호출할 때 xmlhttp는 단기 프로세스이므로(이벤트 처리 후 파기됨) 객체가 패키징되지 않으면 호출해야 하는 xmlhttprequest 재구성에서는 각 호출에 대해 큰 코드 섹션을 작성해야 하는데 이는 실제로 좋은 생각이 아닙니다. 다행히도 이제 많은 오픈 소스 Ajax 프레임워크가 xmlhttp 캡슐화를 위한 솔루션을 제공합니다. 여기서는 ajaxtags와 함께 제공되는 프로토타입-1.4.0.js를 마스터로 사용하여 xmlhttp 객체를 재사용 가능한 메서드로 캡슐화하는 방법을 확인합니다.
prototype.js에서는 Ajax
var Ajax = {
getTransport: function() {
return Try.these(
function() {return new ActiveXObject('Msxml2.XMLHTTP')},
function() {return new ActiveXObject('Microsoft.XMLHTTP')},
function() {return new XMLHttpRequest()}
) || false;
},
activeRequestCount: 0
}변수가 먼저 정의됩니다. 이 변수는 Ajax.getTransport()를 호출하면 매번 반환되는 것을 볼 수 있습니다. 새로운 xmlhttprequest 객체.
기본 메소드 Ajax.Base와 기본 메소드의 프로토타입은 Ajax 변수에 정의되어 있습니다(초기에는 각 스크립트 메소드에는 기본적으로 Object의 프로토타입을 상속하는 빈 프로토타입이 있습니다. 만약 우리가 프로토타입이 Object에서 변경되면 모든 스크립트 메소드가 변경됩니다.) 이 기본 메소드는 Ajax.Request에 상속됩니다. 상속받은 프로토타입의 동일한 이름의 메소드나 변수가 Ajax.Request에 채워지면 변경됩니다. .
Ajax.Base 프로토타입에서 가장 중요한 것은 나중에 사용할 setOptions 메소드입니다.
setOptions: function(options) {
this.options = {
method: 'post',
asynchronous: true,
parameters: ''
}프로토타입의 요청은 Ajax.Request 프로토타입(Ajax.Request.prototype)을 정의하여 구현됩니다. 그러나 Ajax.Request를 직접 호출할 수는 없습니다. 주된 이유는 Ajax.Request가 통합된 처리 프로세스를 제공하지 않기 때문입니다. 그리고 요청을 통해 응답을 얻어야 할 수도 있습니다. (고객이 메시지를 보냈지만 응답을 받지 못했다고 상상해 보세요. 매우 짜증날 것입니다~) 프로토타입도 우리를 위해 응답(Ajax.Responders)을 캡슐화하지만 둘 다 서로 독립적입니다. 어떻게 통합합니까?
은 프로토타입에 두 가지 솔루션을 제공합니다. 하나는 Ajax.Updater이고 다른 하나는 Ajax.PeriodicalUpdater입니다. 두 솔루션은 3개의 매개변수를 전달해야 한다는 공통점이 있습니다.
container :
응답 데이터를 전달할 위치입니다. 예를 들어 html에서 반환된 데이터를
url:
요청 요청이 전달될 대상입니다. 요청 객체는 서블릿의 do*** 메소드를 통해서만 자동으로 얻을 수 있으므로 대상은 서블릿 또는 jspservlet이어야 합니다.
options:
구조는 위의 Ajax.Base에서 정의한 setOptions()의 옵션 구조와 동일해야 합니다. 비어 있거나 작성되지 않은 경우 Ajax에서 정의한 초기 값입니다. 기본이 사용됩니다(매개변수를 전달할 때 사용되지 않음).
둘 사이의 차이점은 Ajax.Updater가 완전한 responseText를 컨테이너에 반환한다는 것입니다. responseText가 완전히 얻어지고 예외가 발생하지 않는 경우에만 콘텐츠가 컨테이너에 기록됩니다. responseText, 완전히 획득되었는지 여부에 관계없이 예외가 발생하거나 responseText를 완전히 획득할 때까지 콘텐츠가 컨테이너에 채워집니다. 대부분의 경우 첫 번째 방법을 사용해야 합니다. 첫 번째 방법은 예외가 발생할 때 컨테이너에 예외 정보를 표시하지만 두 번째 방법은 그렇지 않을 수 있기 때문입니다.
이제 xmlhttp가 캡슐화되었으므로 위에서 언급한 세 가지 매개변수만 설정하면 됩니다. 옵션 매개변수를 설정할 때 베이스의 옵션 구조에 따라 설정해야 한다는 점에 유의하세요. post 메소드를 사용하면 opitons에 postBody 속성을 설정하고 전송될 queryString을 본문에 넣을 수도 있습니다. 전송하기 위해 post 메소드를 사용하는 스크립트의 예는 다음과 같습니다.
/*表单提交用post方法*/
function doRequest(container,paraments,url){
var options ={
method: 'post',
asynchronous: true,
postBody: paraments
};
new Ajax.Updater(container,url,options);
}마지막 사항입니다. 중국어 인코딩 문제라고 말해야 합니다. 프로토타입은 전달된 모든 매개변수에 대해 인코딩 변환을 수행하고 전달된 각 값은 encodeURIComponent를 통해 처리됩니다. 인코딩은 utf-8로 변환됩니다. 백그라운드에서 요청을 얻을 때 페이지의 인코딩 형식에 관계없이 request.setCharacterEncoding("UTF-8")을 균일하게 사용하여 요청에 대한 인코딩을 설정해야 합니다. 데이터 전송을 위해 post 메소드를 사용하면 자동으로
request가 실행됩니다. setHeader('Content-type','application/x-www-form-urlencoded') 전송된 데이터의 인코딩 형식이 올바른지 확인하세요.
위 내용은 XMLHTTP 객체 캡슐화 기술 샘플 코드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undress AI Tool
무료로 이미지를 벗다
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까?
Feb 07, 2025 am 11:57 AM
이 튜토리얼은 PHP를 사용하여 XML 문서를 효율적으로 처리하는 방법을 보여줍니다. XML (Extensible Markup Language)은 인간의 가독성과 기계 구문 분석을 위해 설계된 다목적 텍스트 기반 마크 업 언어입니다. 일반적으로 데이터 저장 AN에 사용됩니다
PHP 함수를 사용하여 XML 데이터를 처리하는 방법은 무엇입니까?
May 05, 2024 am 09:15 AM
PHPXML 함수를 사용하여 XML 데이터 처리: XML 데이터 구문 분석: simplexml_load_file() 및 simplexml_load_string()은 XML 파일 또는 문자열을 로드합니다. XML 데이터에 액세스: SimpleXML 개체의 속성과 메서드를 사용하여 요소 이름, 속성 값 및 하위 요소를 가져옵니다. XML 데이터 수정: addChild() 및 addAttribute() 메서드를 사용하여 새 요소와 속성을 추가합니다. 직렬화된 XML 데이터: asXML() 메서드는 SimpleXML 객체를 XML 문자열로 변환합니다. 실제 예: 제품 피드 XML을 구문 분석하고, 제품 정보를 추출하고, 변환하여 데이터베이스에 저장합니다.
404 오류의 원인과 해결 방법에 대한 심층 연구
Feb 25, 2024 pm 12:21 PM
HTTP 상태 코드 404의 원인과 해결 방법을 살펴보세요. 소개: 웹을 탐색하는 과정에서 HTTP 상태 코드 404를 자주 접하게 됩니다. 이 상태 코드는 서버가 요청한 리소스를 찾을 수 없음을 나타냅니다. 이 글에서는 HTTP 상태 코드 404의 원인을 살펴보고 몇 가지 해결 방법을 공유하겠습니다. 1. HTTP 상태 코드 404의 이유: 1.1 리소스가 존재하지 않습니다. 가장 일반적인 이유는 요청한 리소스가 서버에 존재하지 않기 때문입니다. 이는 파일이 실수로 삭제되거나, 이름이 잘못되거나, 경로가 잘못 지정되는 등으로 인해 발생할 수 있습니다.
C++를 사용하여 HTTP 스트리밍을 구현하는 방법은 무엇입니까?
May 31, 2024 am 11:06 AM
C++에서 HTTP 스트리밍을 구현하는 방법은 무엇입니까? Boost.Asio 및 asiohttps 클라이언트 라이브러리를 사용하여 SSL 스트림 소켓을 생성합니다. 서버에 연결하고 HTTP 요청을 보냅니다. HTTP 응답 헤더를 수신하고 인쇄합니다. HTTP 응답 본문을 수신하여 인쇄합니다.
C 및 XML : 관계와 지원 탐색
Apr 21, 2025 am 12:02 AM
C는 XML과 타사 라이브러리 (예 : TinyXML, Pugixml, Xerces-C)와 상호 작용합니다. 1) 라이브러리를 사용하여 XML 파일을 구문 분석하고 C- 처리 가능한 데이터 구조로 변환하십시오. 2) XML을 생성 할 때 C 데이터 구조를 XML 형식으로 변환하십시오. 3) 실제 애플리케이션에서 XML은 종종 구성 파일 및 데이터 교환에 사용되어 개발 효율성을 향상시킵니다.
Golang을 사용하여 HTTP 파일 업로드 보안을 구현하는 방법은 무엇입니까?
Jun 01, 2024 pm 02:45 PM
Golang에서 HTTP 파일 업로드 보안을 구현하려면 다음 단계를 수행해야 합니다. 파일 형식을 확인합니다. 파일 크기를 제한하십시오. 바이러스 및 악성 코드를 탐지합니다. 파일을 안전하게 저장하세요.
HTTP 503 오류를 해결하는 방법
Mar 12, 2024 pm 03:25 PM
해결 방법: 1. 재시도: 일정 시간 동안 기다렸다가 다시 시도하거나 페이지를 새로 고칠 수 있습니다. 2. 서버 부하 확인: 서버의 CPU, 메모리 및 디스크 사용량을 확인하면 용량 제한을 초과할 수 있습니다. 3. 서버 유지 관리 및 업그레이드 확인: 서버가 정상으로 돌아올 때까지만 기다릴 수 있습니다. 4. 네트워크 연결 확인: 네트워크 연결이 안정적인지 확인합니다. 장치, 방화벽 또는 프록시 설정이 올바른지 확인하십시오. 5. 캐시 또는 CDN 구성이 올바른지 확인하십시오. 6. 서버 관리자에게 문의하십시오.
XML 구문 분석을 위한 Java 라이브러리 비교: 최상의 솔루션 찾기
Mar 09, 2024 am 09:10 AM
소개 XML(Extensible Markup Language)은 데이터 저장 및 전송에 널리 사용되는 형식입니다. Java에서 XML을 구문 분석하는 것은 데이터 교환에서 문서 처리에 이르기까지 많은 응용 프로그램에 필요한 작업입니다. XML을 효율적으로 구문 분석하기 위해 개발자는 다양한 Java 라이브러리를 사용할 수 있습니다. 이 기사에서는 가장 널리 사용되는 XML 구문 분석 라이브러리 중 일부를 특징, 기능 및 성능에 중점을 두고 비교하여 개발자가 현명한 선택을 할 수 있도록 돕습니다. DOM(문서 개체 모델) 구문 분석 라이브러리 JavaXMLDOMAPI: Oracle에서 제공하는 표준 DOM 구현입니다. 개발자가 XML 문서에 액세스하고 조작할 수 있는 개체 모델을 제공합니다. DocumentBuilderFactoryfactory=D
