jQuery에서 ajax의 4가지 일반적인 요청 방법 소개

AJAX는 서버와 데이터를 교환하는 기술입니다. 이 글에서는 일반적으로 사용되는 4가지 Ajax 요청 방법을 공유하겠습니다. 관심 있는 친구들은 함께 살펴보세요

AJAX는 서버와 데이터를 교환하는 기술일 수 있습니다. 웹페이지의 일부를 업데이트하지 않고 페이지 전체를 보완합니다.

jQuery의 ajax에 대한 네 가지 일반적인 요청 메서드:

1.$.ajax()는 생성된 XMLHttpRequest 객체를 반환합니다.

$.ajax()에는 각 구성 및 콜백 함수 정보를 포함하는 매개변수 키/값 객체라는 하나의 매개변수만 있습니다. 아래의 자세한 매개변수 옵션을 참조하세요.

dataType 옵션을 지정하는 경우 서버가 올바른 MIME 정보를 반환하는지 확인하세요(예: xml이 "text/xml"을 반환함).

예:

데이터를 서버에 저장하고 성공하면 정보를 표시합니다.

$.ajax({
type: "post",
dataType: "html",
url: '/Resources/GetList.ashx',
data: dataurl,
success: function (data) {
if (data != "") {
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick });
$("#anhtml").html(data.split("$$")[0]);
}
}
});

2. 원격 HTTP GET 요청을 통해 정보를 로드합니다.

복잡한 $.ajax를 대체하는 간단한 GET 요청 기능입니다. 요청이 성공하면 콜백 함수를 호출할 수 있습니다. 오류 발생 시 함수를 실행해야 하는 경우 $.ajax를 사용하세요.

예:

$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

3. 원격 HTTP POST 요청을 통해 정보를 로드합니다.

복잡한 $.ajax를 대체하는 간단한 POST 요청 기능입니다. 요청이 성공하면 콜백 함수를 호출할 수 있습니다. 오류 발생 시 함수를 실행해야 하는 경우 $.ajax를 사용하세요.

예:

$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功！");
}
})

4. HTTP GET 요청을 통해 JSON 데이터를 로드합니다.

예:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img / alt="jQuery에서 ajax의 4가지 일반적인 요청 방법 소개" >").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

위 내용은 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

네이티브 ajax를 사용하여 json 문자열을 처리하는 방법

Ajax 양식 제출에 대한 견해와 이해에 대해 이야기해 보겠습니다.

Ajax는 도시 이름을 통해 데이터를 가져옵니다

위 내용은 jQuery에서 ajax의 4가지 일반적인 요청 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!