uniapp 네트워크 요청 결과

크로스 플랫폼 개발 프레임워크인 Uniapp의 네트워크 요청 기능은 필수적인 부분입니다. 왜냐하면 모바일 애플리케이션은 서버에서 지속적으로 데이터를 가져와 사용자의 장치에 표시해야 하기 때문입니다. Uniapp으로 개발할 때 네트워크 요청 인터페이스는 매우 간단합니다. 공식 네트워크 요청 API나 uni-app에서 제공하는 타사 네트워크 요청 라이브러리를 사용할 수 있습니다. 하지만 초보자의 경우 네트워크 요청 결과의 일부 세부정보가 표시되지 않을 수 있습니다. 이번 글에서는 유니앱 네트워크 요청 결과 관련 내용을 자세히 소개하겠습니다.

Uniapp 공식 네트워크 요청 API

uni.request(object)는 HTTP/HTTPS 요청을 보내고 데이터를 반환할 수 있는 공식 Uniapp 네트워크 요청 API입니다. 구문은 다음과 같습니다:

uni.request({
url: '',
method: '',
data: {},
header: {},
성공: res => {},
실패: ( ) => {},
완료: () => {}
})

그 중 url은 필수 항목이며, 요청된 주소를 나타내는 방법은 선택 사항이며, 기본값은 다음과 같습니다. GET; 데이터는 선택사항이며 요청된 데이터를 나타냅니다. 헤더는 선택사항이며 요청 헤더 정보를 나타냅니다. 성공, 실패 및 완료도 선택사항이며 각각 요청 성공, 실패 및 완료 후 콜백 함수를 나타냅니다.

위는 가장 기본적인 네트워크 요청 구성 예시이며, 요청 시간 초과, 응답 데이터 유형, 인증서 확인 등도 설정할 수 있습니다. 아래에서는 요청이 완료된 후 네트워크 요청 결과를 얻는 방법에 대해 설명합니다.

네트워크 요청 결과 구조

네트워크 요청이 성공한 후 서버는 응답 결과를 반환합니다. Uniapp에서는 응답 결과가 응답 개체의 data 속성에 저장됩니다. 구체적인 구조는 아래 그림에 나와 있습니다.

응답의 상태 코드는 statusCode 속성에 저장됩니다. 상태 코드의 의미는 HTTP 프로토콜을 통해 쿼리할 수 있습니다. 응답 헤더 정보는 header 속성에 저장됩니다. 응답 데이터는 data 속성에 저장되며, 데이터 유형은 string 또는 ArrayBuffer 유형이며 JSON.parse()를 통해 객체 유형으로 변환될 수 있습니다.

Uniapp이 네트워크 요청 결과를 얻습니다

서버가 요청에 성공적으로 응답하면 성공 콜백 함수가 실행됩니다. 이때 함수의 매개변수를 통해 응답 결과를 얻을 수 있습니다.

uni.request({

url: 'url',
success: function(res) {
    console.log(res.data); // 响应数据
    console.log(res.statusCode); // 响应状态码
    console.log(res.header); // 响应头信息
},
fail: function(res) {
    console.log(res.errMsg); // 错误信息
}

})

여기의 res는 성공 콜백 함수에서 res.data, res.statusCode, res.header 등을 통해 네트워크 요청을 얻을 수 있습니다. 속성. 응답 결과.

응답 데이터 변환

네트워크 요청에서 반환된 데이터 형식은 불확실하고 JSON 문자열, XML 문자열 또는 기타 형식 데이터일 수 있으므로 응답 데이터를 변환해야 합니다. Uniapp에는 JSON 문자열을 객체 유형으로 변환할 수 있는 JSON.parse() 메서드가 내장되어 있습니다. 응답 데이터가 JSON 형식이 아닌 경우 다른 변환 방법을 사용할 수 있습니다. 예를 들어 XML 데이터는 xml2js 라이브러리를 사용하여 변환해야 합니다.

uni.request({
url: 'url',
성공: function(res) {

var jsonStr = res.data;
var jsonObj = JSON.parse(jsonStr); // 将JSON字符串转成JSON对象

},
실패: function(res) {

console.log(res.errMsg);

}
})

예외 처리

네트워크 요청 네트워크를 사용할 수 없거나 서버가 응답하지 않거나 기타 오류와 같은 비정상적인 상황이 발생할 수도 있습니다. Uniapp의 Fail 콜백 기능은 네트워크 요청에 오류가 발생할 때 발생하며 오류 정보를 기반으로 처리할 수 있습니다.

uni.request({
url: 'url',
성공: 함수(res) {

console.log(res.data);

},
실패: 함수(res) {

console.log(res.errMsg); // 打印错误信息

}
})

요약

위를 통해 소개에서는 Uniapp 네트워크 요청 결과의 구조, 네트워크 요청 결과를 얻는 방법, 응답 데이터 변환, 예외 처리 및 기타 관련 내용을 알고 있습니다. 네트워크 요청은 모바일 애플리케이션 개발에 없어서는 안 될 부분입니다. 이는 데이터를 다양한 방식으로 표시하고, 사용자에게 더욱 풍부하고 역동적인 경험을 제공하며, 애플리케이션의 상호작용성과 유연성을 향상시키는 데도 도움이 됩니다.

위 내용은 uniapp 네트워크 요청 결과의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!