jQuery, ajax, JSON의 관계

최근 프로젝트를 진행하면서 jQuery, ajax, JSON의 관계에 대해 항상 불명확해서 간단하게 사용해본 경험이 조금 있습니다. . 그래서 세 가지 사이의 관계에 대해 조사했습니다:

1. jQuery: 다음은 Baidu Encyclopedia에서 가져온 것입니다.

jQuery는 Prototype을 따르는 빠르고 간결한 JavaScript 프레임워크입니다. 또 다른 훌륭한 JavaScript 코드 라이브러리(또는 JavaScript 프레임워크)입니다.

jQuery 디자인의 목적은 "적게 작성하고 더 많이 수행"입니다. 이는 코드를 덜 작성하고 더 많은 작업을 수행한다는 의미입니다. 일반적으로 사용되는 기능 코드를 JavaScript로 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다.

jQuery의 핵심 기능은 다음과 같이 요약할 수 있습니다. 고유한 체인 공식 구문과 짧고 명확한 다기능 인터페이스, 효율적이고 유연한 CSS 선택기를 갖추고 있으며 편리한 플러그인 확장 메커니즘과 풍부한 플러그인을 갖추고 있습니다.

위 내용에서 다음 2가지 점을 추출할 수 있습니다.

jQuery는 JavaScript 프레임워크

jQuery에는 많은 콘텐츠가 있고 Ajax는 jQuery의 일부입니다#🎜 🎜#

2, AJAX

a.AJAX란 무엇인가요?

AJAX = JavaScript 및 XML(Asynchronous JavaScript and XML)

b. AJAX의 특징:

1.Ajax는 소량의 데이터를 교환할 수 있습니다.

2. 비동기식은 Ajax가 데이터 교환 작업을 수행할 때 다른 작업(주요 웹사이트에서 단어 입력과 같은 일반적인 작업)을 계속 수행할 수 있음을 의미합니다. , Baidu, Google, Taobao 등 많은 콘텐츠가 나타납니다.

c Ajax 기술의 핵심은 XMLHttpRequest 객체(약어로 XHR)를 사용하여 서버 데이터를 얻을 수 있습니다. XHR 객체.

d, Ajax 형식:

type : "",
url : "",
dataType : "json",
data : {
key : value
},
success : function(data) {
},
error : function() {
alert("系统异常");
}
});

type: 요청 방법("POST" 또는 "GET"), 기본값은 "GET"

url: (기본값: 현재 페이지 주소) 요청을 보낼 주소입니다.

dataType: 서버에서 반환할 것으로 예상되는 데이터 유형입니다. 일반적으로 json입니다. 지정하지 않으면 jQuery는 HTTP 패킷 MIME 정보

data: 서버로 전송된 데이터를 기반으로 자동으로 판단합니다. 요청 문자열 형식으로 자동 변환됩니다. GET 요청은 URL

success에 추가됩니다. 요청이 성공한 후의 콜백 함수입니다. 매개변수: 서버에서 반환하고 dataType 매개변수에 따라 처리되는 데이터, 상태를 설명하는 문자열

error: (기본값: 자동 판단(xml 또는 html)) 이 함수는 요청이 실패할 때 호출됩니다# 🎜 🎜#

async: (기본값: true) 기본적으로 모든 요청은 비동기 요청입니다. 동기식 요청을 보내야 하는 경우 이 옵션을 false로 설정하세요.

json 값 획득: 이 메서드는

public JSONObject chageState(UserInfo userInfo) {
        JSONObject json = new JSONObject();
        return json;
    }

json 값 전달 문제를 직접 획득합니다.

#🎜🎜 #스크립트에서 판단한 후 원하는 값을 전달할 수 있습니다. 이것은 제가 이번 프로젝트에서 배운 작은 트릭입니다. 초기 프로세스에서는 값을 직접 판단하고 전달하지 않았기 때문에 더 번거로울 것입니다. 백그라운드에서 판단을 내리세요. 처음에는 아직 이해가 안 되어서 친구에게 물어보며 이 작은 요령을 배웠습니다.

jsp 페이지 동적 새로 고침 문제:

프로젝트를 진행하는 과정에서 데이터를 추가한 후 페이지를 실시간으로 새로고침해야 하는데, 이 부분도 한동안 귀찮았는데, 방법을 모르면 바이두에 물어봐야 하더군요.

Ajax에 대한 간단한 연구는 여기까지입니다. 현재 많이 사용되고 있고 앞으로 다른 응용프로그램이 생기면 연구해보도록 하겠습니다

3, jQuery

JSON(JavaScript Object Notation, JS Object Notation)은 경량 데이터 교환 형식입니다.

Ajax 값 전송 과정에서 데이터(전송 값) 및 dataType( 반환 값)은 모두 json에 의해 전달됩니다

json에 대한 자세한 내용을 보려면 http://www.json.org.cn/index.htm

으로 이동하세요. 위는 jQuery, ajax 및 json의 관계에 대한 간략한 소개입니다

위 내용은 jQuery, ajax, JSON의 관계의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!