ajax 호출 메소드를 jquery를 통해 구현할 수 있나요?

Ajax 호출은 jquery를 통해 구현할 수 있습니다. 방법: 1. ajax 요청을 구현하기 위해 load() 메소드를 사용합니다. 구문은 "$(selector).load(url,...)"입니다. 2. 다음에 해당하는 post() 및 get() 메소드를 사용합니다. POST, GET, 구문은 "$post('url',{...}...)"입니다. 3. Ajax() 메서드를 사용하여 ajax 요청을 수행합니다. 구문은 "$.ajax({name)입니다. :값...}) ".

이 문서의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.

jquery를 통해 ajax 호출 메소드를 구현할 수 있나요?

기본 javascript를 사용하여 ajax를 개발하려면 많은 반복 코드가 필요합니다. 물론 재사용 가능한 코드로 캡슐화할 수도 있습니다.

• load() 메소드를 사용하면 됩니다. ajax 요청 구현하기

• post(), get() 메소드를 사용하세요

• Ajax() 메소드를 사용하세요. 이것이 가장 강력합니다.

1 jquery의 load() 메소드를 사용하세요. request

load() 메서드 서버에서 데이터를 로드하고 반환된 데이터를 지정된 요소에 배치합니다.

형식은 다음과 같습니다.

$('#mydiv').load('/myrequest/url/param')

"mydiv"는 콘텐츠가 로드될 영역입니다./myrequest/url/param은 요청하려는 서버의 URL입니다. 결과를 얻으면 콘텐츠가 표시됩니다. 서버에서 반환한 내용은 Medium의 mydiv 영역에 표시됩니다.

2. jquery의 post() 및 get() 메서드를 사용하세요

실제로 이는 http 요청의 POST, GET,

에 해당합니다. 기본 형식은 다음과 같습니다

$post('/myrequest/url/param',
{
text:"mytext",
other:"other_param"
},
// 调用服务端成功后的回调函数
function(){
alert('succeccd');
}
)

$get의 연산 방식은 비슷합니다. 더 이상 말하지 않겠습니다.

3. jquery의 Ajax() 메서드를 사용하세요

이것은 아마도 에서 가장 일반적인 요청 방법일 것입니다. 일반 프로젝트에서는 가장 강력한 기능을 갖고 있으며 다양한 요구 사항을 완료할 수 있기 때문에 Ajax 요청:

반환 유형을 지정할 수 있습니다: xml,

이러한 이벤트가 발생하기 전에 콜백 기능을 지정할 수 있습니다. 매개변수를 사용하여 서버가 응답하지 않는 등 Ajax 요청의 만료 시간을 지정합니다.

기본 형식은 다음과 같습니다.

$.ajax({
async:false,//同步，异步
url:"/addjoke", //请求的服务端地址
data:{
content:mycontent,
title:joketitle,
d:Math.random()
},
type:"post",
dataType:"text",
success:function(data){
//成功之后的处理，返回的数据就是 data
}
error:function(){
alert('error'); //错误的处理
}
});

추천 튜토리얼:

jQuery 비디오 튜토리얼

위 내용은 ajax 호출 메소드를 jquery를 통해 구현할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!