JQ Ajax 조작
프론트 데스크 톱 은 페이지 의 일부 효과, 검증 등에 대해 우 리 는 모두 자바 스 크 립 트 언어 를 통 해 이 루어 졌 습 니 다. 그러나 이것 은 우리 의 자바 코드 처럼 프론트 데스크 톱 언어 가 가장 기본 적 인 것 입 니 다. jQuery 는 js 코드 를 패키지 하여 우리 프론트 코드 의 작성 을 편리 하 게 하 는 것 입 니 다. 그리고 아주 큰 장점 은 브 라 우 저의 호환성 문 제 를 해결 하 는 것 입 니 다.이것 도 우리 가 그것 을 사용 하 는 매우 중요 한 원인 중의 하나 이다.
현재 사용자 의 수 요 를 만족 시 키 기 위해 Ajax (Asynchronous Javascript + XML) 비동기 리 셋 은 비교 할 수 없 는 역할 을 합 니 다. 예전 에 Ajax 작업 을 썼 을 때 JDBC 코드 처럼 몇 가지 필수 적 인 절 차 를 밟 아야 합 니 다.
AJAX - 핵심 XML HttpRequest 대상 이 며, JQuery 도 Ajax 비동기 작업 을 패키지 하 였 습 니 다. 여기 서 자주 사용 하 는 몇 가지 방식 을 살 펴 보 겠 습 니 다. $.ajax,$.post, $.get, $.getJSON。
1. $. ajax, 이것 은 JQuery 가 ajax 에 대한 가장 기본 적 인 단계 입 니 다. 이 함 수 를 사용 하면 비동기 통신 의 모든 기능 을 완성 할 수 있 습 니 다.즉, 어떤 상황 에서 도 우 리 는 이 방법 을 통 해 비동기 리 셋 작업 을 할 수 있다 는 것 이다.그러나 그것 의 매개 변수 가 비교적 많아 서 때로는 좀 번 거 로 울 수도 있다.
자주 사용 하 는 인자 보기:
var configObj = {
method // :get post
url //
async // , true
data //
dataType // , xml,String,Json
success //
error //
}
$.ajax(configObj);// $.ajax 。
자, 실제 예 를 보 세 요. 비동기 삭 제 를 하 는 예 를 보 세 요.
//
$.ajax({
type : "post", //
url : " ",
data : {
"org.id" : "${org.id}"
},// , Json
success : function(result) {//
if ( result.success ) {
$("#tipMsg").text(" ");
tree.deleteItem("${org.id}", true);
} else {
$("#tipMsg").text(" ");
}
}
});
2. $. post, 이 함 수 는 사실 $. ajax 에 대해 더욱 진일보 한 패 키 징 을 하여 매개 변 수 를 줄 이 고 조작 을 간소화 하 였 으 나 사용 범 위 는 더욱 작 아 졌 습 니 다. $.post 는 데이터 제출 방식 을 간소화 하여 POST 방식 으로 만 제출 할 수 있 습 니 다.비동기 접근 서버 만 있 을 수 있 고 동기 접근 이 불가능 하 며 오류 처리 가 불가능 합 니 다.이러한 상황 을 만족 시 키 는 상황 에서 우 리 는 이 함 수 를 사용 하여 우리 의 프로 그래 밍 을 편리 하 게 할 수 있 습 니 다. 그것 의 주요 몇 가지 매개 변 수 는 method, async 등 기본 설정 을 했 습 니 다. 우 리 는 변경 할 수 없습니다.
$.post(
url:" ",
{username:"admin", password:"123"}, function(data){ } ); url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式,xml, html, script, json, text,_default。
3、$.get和$.post一样,这个函数是对get方法的提交数据进行封装,只能使用在get提交数据解决异步刷新的方式上,使用方式和上边的也差不多。
$.get( url:" ", {username:"admin", password:"123"}, function(data){ } );
4. $. getJSON, 이것 은 더 나 은 패키지 입 니 다. 즉, 되 돌아 오 는 데이터 형식 을 JSon 으로 조작 하 는 것 입 니 다.안에 세 개의 인자 가 있 습 니 다. 설정 이 필요 합 니 다. 아주 간단 합 니 다. url, [data], [callback].
사실 $. ajax 방법 을 알 게 되 었 습 니 다. 다른 것 은 모두 사용 할 수 있 습 니 다. 모두 똑 같 습 니 다. 사실은 매우 간단 합 니 다.
프로 그래 밍 을 배 우 는 것 은 바로 데이터 의 유통 처 리 를 배 우 는 것 이다. 프론트 데스크 에서 어떻게 얻 고 서버 로 전송 하여 해당 하 는 처 리 를 한 다음 에 돌아 와 관련 된 디 스 플레이 를 하 는 것 이다. 이 절 차 를 일부 기술 로 실현 하면 소프트웨어 의 개발 을 완 성 했 고 매우 재 미 있 었 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.