Ajax 요청의 여러 가지 방법은 무엇입니까?

ajax 요청 방법: 1. "$.ajax()"를 사용하여 생성된 XMLHttpRequest 객체를 반환합니다. 2. 원격 HTTP GET 요청을 통해 정보를 로드합니다. 3. 원격 HTTP POST 요청을 통해 정보를 로드합니다. JSON 데이터를 로드합니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

jQuery에는 4가지 일반적인 AJAX 요청 메소드가 있습니다:

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

$.ajax() Only One 매개변수: 매개변수 키/값 개체(각 구성 및 콜백 함수 정보 포함) 　$.ajax() 只有一个参数：参数key/value对象，包含各配置及回调函数信息。

　如果你指定了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 请求载入信息

　POST请求功能也相对比较简单，请求成功时可调用回调函数。如果需要在出错时执行函数，那么请使用$.ajax

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

　예:

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

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

2. 원격 HTTP GET 요청을 통해 정보 로드

복잡한 $.ajax에 비해 GET 요청 기능이 더 간단할 수 있습니다. 요청이 성공하면 호출됩니다. 물론, 오류 발생 시 해당 기능을 실행해야 하는 경우에는 $.ajax를 이용하시기 바랍니다.

　예: 🎜

$.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;
});
});

🎜🎜3. 원격 HTTP POST 요청을 통해 정보 로드🎜🎜🎜 POST 요청 기능도 비교적 간단하며, 요청이 성공하면 콜백 함수를 호출할 수 있습니다. 오류 발생 시 함수를 실행해야 한다면 $.ajax 요청을 사용하세요. 🎜🎜　예: 🎜rrreee🎜🎜4. HTTP GET 요청을 통해 JSON 데이터 로드🎜🎜🎜예: 🎜rrreee🎜【추천 관련 튜토리얼: 🎜AJAX 비디오 튜토리얼🎜】🎜

위 내용은 Ajax 요청의 여러 가지 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!