jQuery에서 ajax의 요청 방법은 무엇입니까?-JS 튜토리얼-php.cn

jQuery에서 ajax의 요청 방법은 무엇입니까?

php中世界最好的语言

풀어 주다： 2018-04-03 11:34:13

원래의

1986명이 탐색했습니다.

이번에는 jQuery에서 ajax의 요청 방식이 무엇인지, jQuery에서 ajax를 사용할 때 주의사항은 무엇인지 알려드리겠습니다. 실제 사례를 살펴보겠습니다. AJAX는 서버와 데이터를 교환하는 기술로, 전체 페이지를 보완하면서 웹페이지의 일부를

업데이트

할 수 있습니다.

4 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/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

로그인 후 복사

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!