prototype ajax 예제

아니, 심각하게. 그게 전부입니다. 예제를 사용해 보십시오. 당신의 1337 아약스 sk1llz와 친구를 놀라게. 그래서 도로에이 쇼를 얻으려면 prototype.js와 함께 사이트에 설정해야하는 세 가지 파일이 있습니다. 분명히 우리는 prototype.js에 연결된 기본 HTML 페이지가 필요합니다. 사용자가 상호 작용하는 페이지입니다. 둘째, 우리는 인터페이스와 프로토 타입이하고있는 물건 사이의 접착제에 대한 우리 자신의 자바 스크립트 파일이 필요합니다. 마지막으로, 우리는 Ajax가 너무 호출할 페이지 (내 경우 PHP 스크립트)가 필요합니다. 당신이 볼 수 있듯이, 필자는 prototype.js에 연결했습니다, 또한 ajax.js라는 파일, 이는 우리가 우리의 접착제를 넣어 것입니다. (접착제를 두는 곳에 주의하십시오, 아이들.) $A() 함수는 노드 목록 또는 열거 가능한 목록에서 Array 개체를 만드는 데 사용됩니다.

예를 들어 NodeList 개체와 노드 값을 검색하기 위해 탐색된 Array 개체에서 Array 개체를 만들 수 있습니다. 내가 가서 이것을 사용하는 방법의 예를 설정하기 전에, 그냥 crux에 도착하자. 프로토타입을 사용하면 간단한 Ajax 호출을 만들고 결과를 페이지로 다시 덤프할 수 있습니다: 프로토타입 라이브러리가 없는 Ajax 응용 프로그램 버전에서 getElementById() 함수를 사용하여 catalogId 필드가 검색되고 값이 값으로 검색됩니다. 아래와 같이 속성. 오늘 AJAX 프레젠테이션에서 사용한 AJAX 프로토타입 예제는 다음과 같습니다. Ajax 응용 프로그램의 inputFormForm.jsp에 프로토타입 라이브러리 함수 및 클래스를 추가합니다. prototype.js 라이브러리에 액세스하려면 입력Form.jsp\에 다음 요소를 추가합니다. ajax.js 파일 내부에서 이 모든 것을 함께 연결해야 합니다. 우리는 편리한 청취자 루틴의 일부를 활용하고 프로토 타입도 사용할 수 있도록할 거야. 첫 번째 작업은 창이 로드되면 수신기를 연결하여 장면을 설정하는 것입니다. 그는 창 개체에 onload 이벤트를 연결 하 고 init(라는 함수를 호출 하는 데): WAR 파일에 prototype.js를 포함 하도록 build.xml 파일을 수정 해야 합니다.

수정된 build.xml은 리소스 zip 파일에서 사용할 수 있습니다. 비 프로토타입 버전에서는 XMLHttpRequest 생성자 또는 ActiveXObject 생성자로 XMLHttpRequest 개체가 만들어집니다.