집 > 기사 > 웹 프론트엔드 > jquery ajax의 데이터 유형 속성 옵션 값 이해

jquery ajax의 데이터 유형 속성 옵션 값 이해

亚连원래의: 2018-05-24 15:20:382985검색

jquery에서 ajax의 dataType 속성은 서버가 반환하는 데이터 유형을 지정하는 데 사용됩니다. 지정하지 않으면 jQuery는 HTTP 패킷 MIME 정보를 기반으로 자동으로 지능적인 판단을 내립니다. 문자열로 처리됩니다.

jquery에서 ajax의 dataType 속성은 서버에서 반환되는 데이터 유형을 지정하는 데 사용됩니다. 지정하지 않으면 jQuery는 HTTP 패킷 MIME 정보를 기반으로 자동으로 지능적인 판단을 내립니다. 데이터는 문자열로 처리됩니다.

1. Ajax 구문

jQuery.ajax([settings])

매개변수 설명

settings: Ajax 요청을 구성하는 데 사용되는 키-값 쌍 모음입니다. 모든 옵션의 기본값은 $.ajaxSetup()을 통해 설정할 수 있습니다.

2. ajax

1의 datatype 옵션 값입니다. "xml": jQuery로 처리할 수 있는 XML 문서를 반환합니다.

2. "html":: 일반 텍스트 HTML 정보를 반환합니다. 포함된 스크립트 태그는 dom에 삽입될 때 실행됩니다.

3. "script":: 일반 텍스트 JavaScript 코드를 반환합니다. "cache" 매개변수가 설정되지 않으면 결과가 자동으로 캐시되지 않습니다. 참고: 원격 요청(동일한 도메인이 아닌)을 수행하는 경우 모든 POST 요청은 GET 요청으로 변환됩니다. (DOM 스크립트 태그를 사용하여 로드하므로)

4. "json": JSON 데이터를 반환합니다.

5. "jsonp": JSONP 형식입니다. "myurl?callback=?"과 같은 JSONP 형식을 사용하여 함수를 호출하면 jQuery는 콜백 함수를 실행하기 위해 자동으로 ?를 올바른 함수 이름으로 대체합니다. 이는 동일한 하위 도메인 이름에서 도메인 간 요청에 자주 사용됩니다. 기본 도메인 이름.

6. "text": 일반 텍스트 문자열을 반환합니다.

다음은 jquery ajax의 데이터 유형 관련 문제입니다

데이터 유형을 html로 설정하면 일반 텍스트만 반환하고 xml로 설정하면 xml을 반환한다고 할 수는 없습니다. document 객체,
예를 들어 다음 xml을 반환합니다

< xml version="1.0" encoding="utf-8" >
<documentElement>
<table>
<provinceID>110000</provinceID>
<province>北京市</province>
<provinceID>120000</provinceID>
<province>天津市</province>
</table>
</documentElement>

이것은 XMLDocument 등으로 작동해야 하며 브라우저도 고려해야 합니다
사실 간단한 예를 들자면 jquery 자체도 xml을 파싱할 수 있습니다

$.ajax({
type: "Get",
dataType: "xml",
url: "test.xml",
success: function(datas){
$("province",datas).each(function(i){ 
alert($($("provinceID",datas)[i]).text() + "_" + $(this).text());
});
}
});

. test.xml의 내용은 위의 xml이므로 datas는 반환된 XML 문서 객체이므로 lz가 직접 시도해 볼 수 있습니다

사실 상대적으로 말하면 저는 datatype: "json"을 사용하는 것을 선호합니다. json 데이터를 사용하는 것이 더 편리합니다. for JavaScript to pars

위 내용은 저입니다. 모두를 위해 정리한 내용이니 앞으로 모든 분들께 도움이 되었으면 좋겠습니다.

jquery ajax의 데이터 유형 속성 옵션 값 이해

관련 기사