>  기사  >  웹 프론트엔드  >  jquery ajax 메소드 사용법과 각 매개변수에 대한 자세한 소개

jquery ajax 메소드 사용법과 각 매개변수에 대한 자세한 소개

高洛峰
高洛峰원래의
2017-03-19 11:57:481197검색

jquery ajax 메소드 및 각 매개변수에 대한 자세한 설명

1.$.ajax()에는 하나의 매개변수만 있습니다: 매개변수key /value 객체 , 각 구성 및 콜백 함수 정보가 포함됩니다.

매개변수 목록:

매개변수 이름 유형 설명
url String (기본값: 현재 페이지 주소) 요청을 보낼 주소입니다.
type String (기본값: "GET") 요청 방법("POST" 또는 "GET") , 기본값은 "GET"입니다. 참고: PUT 및 DELETE와 같은 다른 HTTP 요청 방법도 사용할 수 있지만 일부 브라우저에서만 지원됩니다.
timeout Number 요청 시간 초과를 밀리초 단위로 설정합니다. 이 설정은 전역 설정보다 우선 적용됩니다.
async Boolean (기본값: true) 기본적으로 모든 요청은 비동기식 요청입니다. 동기 요청을 보내야 하는 경우 이 옵션을 false로 설정하세요. 동기 요청은 브라우저를 잠그며 사용자는 다른 작업을 수행하기 전에 요청이 완료될 때까지 기다려야 합니다.
beforeSend Function 보내기 전에 XMLHttpRequest 객체의 기능을 수정할 수 있습니다. 사용자 정의 HTTP 헤더 추가와 같은 요청입니다. XMLHttpRequest 객체가 유일한 매개변수입니다.
function (XMLHttpRequest) {

         this; // the options for this ajax request
         }
cache Boolean (기본값: true) jQuery 1.2 New 기능을 false로 설정하면 브라우저의 캐시에서 요청 정보를 로드하지 않습니다.
완료 함수 요청 완료 후 콜백 함수(요청 성공 또는 실패 시 호출). 매개변수: XMLHttpRequest 객체, 성공 정보 문자열 .
function (XMLHttpRequest, textStatus) {

         this; // the options for this ajax request
         }
contentType String

(기본값: "application/x-www-form -urlencoded") 서버에 정보를 보낼 때의 콘텐츠 인코딩 유형입니다. 기본값은 대부분의 애플리케이션에 적합합니다. 브라우저에서 제출된 데이터의 형식을 서버에 알려줍니다.

예: JSON2.js에서 JSON.stringify(obj) 메소드를 사용하여 데이터를 제출할 때 json 문자열로 포맷한 후 제출 시 오류가 보고됩니다. 기본적으로 데이터. 이때 제출된 콘텐츠 형식을 "application/json"으로 지정해야 합니다.

데이터 객체,
문자열

보내기 서버에 데이터를 보냅니다.

데이터데이터 유형JavaScript 객체 또는 배열인 경우 Jquery는 자동으로 JQuery.param() 메서드를 호출하여 데이터를 제출하기 전에 보냅니다. 데이터는 "application/x-www-form-urlencoded" 형식(예: name=value&name1=value1)으로 데이터로 인코딩됩니다. JavaScript 개체는 배열인 경우 Key/Value 형식이어야 합니다. 다른 값에 대해 동일한 이름에 해당합니다. 예를 들어, {foo:["bar1", "bar2"]}는 '&foo=bar1&foo=bar2'로 변환됩니다.

데이터 데이터 유형이 문자열 유형인 경우 다음과 같은 데이터가 직접 기본값으로 지정됩니다. "application/x- www-form-urlencoded" 형식으로 인코딩이 완료되었으며 변환되지 않습니다.

processData 옵션은 변환 수행 여부를 제어할 수 있습니다. 이 옵션의 기본값은 true입니다.

dataType String

预期服务器返回的数据类型。设定HttpHeader中“Accept”域的内容,告诉服务器浏览器可以想要返回的数据格式类型,同时JQuery也会根据该类型对返回的数据进行处理。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含 script 元素。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。

"json": 返回 JSON 数据 。JQuery将返回的字符串格式数据自动转化为Javascript对象,便于直接使用obj.property格式访问。若没有指定该选项,即使返回的是JSON格式的字符串,JQuery也不会自动转换。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) {

         // 通常情况下textStatus和errorThown只有其中一个有值 
         this; // the options for this ajax request
         }
global Boolean (默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件
ifModified Boolean (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。
processData Boolean (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
success Function 请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态
function (data, textStatus) {

         // data could be xmlDoc, jsonObj, html, text, etc...
         this; // the options for this ajax request
         }

2. jQuery.get(url, [data], [callback], [type]): 비동기 요청을 하려면 GET 메서드를 사용하세요.

매개변수:
url (문자열): 요청을 보낼 URL 주소입니다.
data (Map): (선택) 서버로 보낼 데이터로 키/값 쌍 형식으로 표현됩니다.
callback(함수): (선택) 로딩 성공 시 콜백 함수(Response의 반환 상태가 성공인 경우에만 호출되는 메소드).
type(문자열): (선택 사항) 공식적인 설명은 다음과 같습니다. 전송할 데이터 유형입니다. 실제로 클라이언트가 요청한 타입이어야 합니다(JSON, XML 등)

3. jQuery.post( url, [data], [callback], [type ] ): 비동기 요청을 위해 POST 메소드를 사용합니다.

매개변수:
url(String): 요청을 보낼 URL 주소
data(Map): (선택) 보낼 데이터입니다. 서버에서는 키/값이 키-값 쌍의 형태로 표현됩니다.
callback(함수): (선택) 로딩 성공 시 콜백 함수(Response의 반환 상태가 성공인 경우에만 호출되는 메소드).
type(문자열): (선택 사항) 공식적인 설명은 다음과 같습니다. 전송할 데이터 유형입니다. 실제로 클라이언트가 요청한 유형이어야 합니다(JSON, XML 등).

1.$.ajax()에는 매개변수가 하나만 있습니다: 매개변수 키/값 객체, 각 구성 및 콜백 함수 포함 정보.

매개변수 목록:

매개변수 이름 유형 설명
url String (기본값: 현재 페이지 주소) 요청을 보낼 주소입니다.
type String (기본값: "GET") 요청 방법("POST" 또는 "GET") , 기본값은 "GET"입니다. 참고: PUT 및 DELETE와 같은 다른 HTTP 요청 방법도 사용할 수 있지만 일부 브라우저에서만 지원됩니다.
timeout Number 요청 시간 초과를 밀리초 단위로 설정합니다. 이 설정은 전역 설정보다 우선 적용됩니다.
async Boolean (기본값: true) 기본적으로 모든 요청은 비동기식 요청입니다. 동기 요청을 보내야 하는 경우 이 옵션을 false로 설정하세요. 동기 요청은 브라우저를 잠그므로 사용자는 다른 작업을 수행하기 전에 요청이 완료될 때까지 기다려야 합니다.
beforeSend 함수 요청을 보내기 전에 XMLHttpRequest 객체를 수정할 수 있는 함수(예: 사용자 정의 HTTP 헤더 추가) . XMLHttpRequest 객체가 유일한 매개변수입니다.
function (XMLHttpRequest) {

         this; // the options for this ajax request
         }
cache Boolean (기본값: true) jQuery 1.2 새 기능, ​​false로 설정 요청 정보는 브라우저 캐시에서 로드되지 않습니다.
완료 함수 요청 완료 후 콜백 함수(요청 성공 또는 실패 시 호출). 매개변수: XMLHttpRequest 객체, 성공 정보 문자열.
function (XMLHttpRequest, textStatus) {

         this; // the options for this ajax request
         }
contentType String

(기본값: "application/x-www-form -urlencoded") 서버에 정보를 보낼 때의 콘텐츠 인코딩 유형입니다. 기본값은 대부분의 애플리케이션에 적합합니다. 브라우저에서 제출된 데이터의 형식을 서버에 알려줍니다.

예: 데이터를 제출할 때 JSON2.js에서 JSON.stringify(obj) 메소드를 사용하고 이를 json 문자열로 포맷한 후 기본적으로 데이터를 제출할 때 오류가 보고됩니다. 이때 제출된 콘텐츠 형식을 "application/json"으로 지정해야 합니다.

data Object,
String

서버로 데이터가 전송되었습니다.

데이터 데이터 유형이 JavaScript 객체 또는 배열인 경우 Jquery는 자동으로 JQuery.param() 메서드를 호출하여 전송할 데이터를 "application/x-www-form-urlencoded" 형식의 데이터로 인코딩하기 전에 제출(즉, name=value&name1=value1); JavaScript 객체는 배열인 경우 키/값 형식이어야 하며 jQuery는 자동으로 다른 값에 대해 동일한 이름에 해당합니다. 예를 들어, {foo:["bar1", "bar2"]}는 '&foo=bar1&foo=bar2'로 변환됩니다.

데이터 데이터 유형이 문자열 유형인 경우 다음과 같은 데이터가 직접 기본값으로 지정됩니다. "application/x- www-form-urlencoded" 형식으로 인코딩이 완료되었으며 변환되지 않습니다.

processData 옵션은 변환 수행 여부를 제어할 수 있습니다. 이 옵션의 기본값은 true입니다.

dataType String

预期服务器返回的数据类型。设定HttpHeader中“Accept”域的内容,告诉服务器浏览器可以想要返回的数据格式类型,同时JQuery也会根据该类型对返回的数据进行处理。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含 script 元素。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。

"json": 返回 JSON 数据 。JQuery将返回的字符串格式数据自动转化为Javascript对象,便于直接使用obj.property格式访问。若没有指定该选项,即使返回的是JSON格式的字符串,JQuery也不会自动转换。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) {

         // 通常情况下textStatus和errorThown只有其中一个有值 
         this; // the options for this ajax request
         }
global Boolean (默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件
ifModified Boolean (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。
processData Boolean (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
success Function 请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态
function (data, textStatus) {

         // data could be xmlDoc, jsonObj, html, text, etc...
         this; // the options for this ajax request
         }

2. jQuery.get(url, [data], [callback], [type]):使用GET方式来进行异步请求.

参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求

参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

위 내용은 jquery ajax 메소드 사용법과 각 매개변수에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.