> 웹 프론트엔드 > JS 튜토리얼 > Ajax 연구 노트 3_jquery의 jquery

Ajax 연구 노트 3_jquery의 jquery

WBOY
풀어 주다: 2016-05-16 18:00:49
원래의
960명이 탐색했습니다.

요약:
Ajax 학습 1에서는 jquery로 캡슐화된 ajax를 사용하여 서버측 텍스트 데이터를 수신하고 XMLHttpReques 객체를 사용하여 서버측 텍스트 데이터를 수신하는 방법을 소개합니다.
Ajax 학습 2에서는 XMLHttpReques를 사용하여 수신하는 방법을 소개합니다. 서버 측 XML 데이터, 이 섹션에서는 XML 형식의 서버 측 데이터를 수신하기 위해 jqery로 캡슐화된 ajax의 사용을 주로 소개합니다.

상세하게 많은 지식이 소개되었기 때문에, 이 섹션에서는 jqery로 캡슐화된 Ajax는 XML 형식을 사용하여 Web.xml과 백엔드 서베트를 받습니다.
ajax.html에서 호출되는 메소드 이름을 새로 추가된 자바스크립트 메소드로 변경하면 됩니다.

주로 사용되는 메소드 소개:
jQuery.ajax(options): HTTP 요청을 통해 원격 데이터 로드,
반환값: XMLHttpRequest
매개변수: 옵션(선택), ajax 요청 설정 . 모든 옵션은 선택 사항입니다.
주요 옵션 소개:
type(문자열): (기본값: "GET") 요청 방법("POST" 또는 "GET"), 기본값은 "GET"입니다. 참고: PUT, DELETE 등 다른 HTTP 요청 방법도 사용할 수 있지만 일부 브라우저에서만 지원합니다.
url(문자열): (기본값: 현재 페이지 주소)
요청을 보낼 주소(객체) ,String): 서버로 전송된 데이터입니다. 요청 문자열 형식으로 자동 변환됩니다. GET 요청은 URL
dataType(String)에 추가됩니다. 즉, 서버에서 반환할 것으로 예상되는 데이터 유형입니다.
지정하지 않으면 jQuery는 HTTP 패킷 MIME 정보를 기반으로 responseXML 또는 responseText를 자동으로 반환하고 이를 콜백 함수 매개 변수로 전달합니다. 사용 가능한 값:
"xml": jQuery에서 처리할 수 있는 XML 문서를 반환합니다. .
"html": 스크립트 요소가 포함된 일반 텍스트 HTML 정보를 반환합니다.
"script": 일반 텍스트 JavaScript 코드를 반환합니다. 결과는 자동으로 캐시되지 않습니다.
"json": JSON 데이터를 반환합니다.
success(함수): 요청 성공 후 콜백 함수입니다. 매개변수: 서버가 반환하는 데이터, 데이터 형식
error(기능): (기본값: 자동 판단(xml 또는 html)) 요청 실패 시 호출 시간
async(Boolean): (기본값: true) 기본 설정에서는 all 요청은 모두 비동기식 요청입니다.
동기 요청을 보내야 하는 경우 이 옵션을 false로 설정하세요. 동기식 요청은 브라우저를 잠그며 사용자는

새 자바스크립트 메서드는 다음과 같습니다.



//$.ajax() 메서드를 통해 HTTP 요청을 통해 원격 데이터 로드
function verifyJqueryXML(){
var jqueryObj= $("#username")
var username = jqueryObj.val();
//javascript의 간단한 객체 정의 메서드
//var obj={name: "abc",age:20}//get 캡슐화 사용 jquery의 XMLHTTPRequest 객체 요청
$.ajax({
type:"POST",//Request method
url:"AJAXXMLServer", //서버측 URL 주소
data:"name= " username, //서버에 데이터 보내기
dataType: "xml", // 반환된 데이터 형식을 Jquery에 알립니다.
success:callback1 // 대화형으로 완료되면 콜백 함수가 호출되고 서버는 데이터는 올바르게
}) ; //url과 dataType은
}
function callback1(data){
//먼저 dom 개체를 Jquery 개체로 변환해야 합니다. 🎜>var jqueryObj=$(data);
//메시지 노드 가져오기
var message=jqueryObj.children();
//텍스트 콘텐츠 가져오기
var text=message.text( );
//페이지에 서버측 값을 동적으로 표시합니다.
var resultObj=$("#result")
resultObj.html(text)


위 세대에서 얻은 ajax.html에서 호출하는 javascript 메소드의 이름은 verifyJqueryXML()로 변경되어야 합니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿