머리말
$ HTTP Service : 단순히 브라우저의 기본 XMLHttpRequest 객체를 캡슐화하고 매개 변수를 수신합니다. 이 매개 변수는 HTTP 요청을 생성하는 데 사용되는 구성 컨텐츠를 포함하는 객체입니다. 이 함수는 success 및 error 방법으로 promise 객체를 반환합니다.
$ http 서비스의 시나리오 사용 :
var promise = $ http ({method : "post", // get, post, put, delete, head, jsonp를 얻을 수 있습니다. 일반적으로 사용되는 posturl : "./ data.json, // 요청 경로 매개 변수 : {lisa '}, // pass 매개 변수, 문자열 맵 또는 대상을 따라 // blob, //를 전송합니다. 요청, 이진 데이터를 보내고 Blob Object를 사용합니다.}). 성공 (함수 (data) {// 성공적으로 작동}). 오류 (함수 (데이터) {// 응답 실패 (오류 상태에서 응답이 반환 됨)}) then() 함수 : then() 함수를 사용하여 $ http 서비스의 콜백을 처리 할 수 있습니다. then() 함수는 success 또는 error 상태가있을 때 처리를 나타내는 두 가지 선택적 함수를 매개 변수로 받아들입니다. 대신 success 및 error 콜백을 사용할 수도 있습니다.
then(successFn, errFn, notifyFn) , promise 성공적이든 실패하든 결과를 사용할 수있게되면 then successFn 거나 errFn 비동기로 호출합니다. 이 메소드는 항상 하나의 매개 변수로 콜백 함수를 호출합니다 : 결과 또는 거부 이유.
promise 실행되거나 거부되기 전에 notifyFn 콜백은 프로세스 상태에 대한 프롬프트를 제공하기 위해 0 ~ 여러 번 호출 될 수 있습니다.
약속.
then() 함수에 의해 수신 된 resp (응답 객체)에는 5 개의 속성이 포함됩니다.
1. 데이터 (문자열 또는 객체) : 응답 본문
2. 상태 : 200과 같은 해당 HTTP 상태 코드
3. 헤더 (function) : 헤더 정보가있는 getter 함수로, 해당 이름의 값을 얻기 위해 매개 변수를 수락 할 수 있습니다.
4. config (객체) : 원래 요청의 전체 설정 객체를 생성합니다.
5. Statustext : "OK"와 같은 해당 HTTP 상태 텍스트
또는 success/error 방법을 사용하십시오
// promise.success (함수 (데이터, 상태, 헤더, config) {// 성공적인 응답}); // 오류 처리 promy.error (함수 (데이터, 상태, 헤더, config) {// successful 응답 처리});사용의 예 :
index.html
<! docType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> $ http 요청 테스트 </title> <script src = "../ js/angular.js"> </script> <script src = "app.js"> data-ng-controller = "myAppController"data-ng-init = "loaddata ()"> <table> <thead> <tr> <th> name </th> <th> 특성 </th> </tr> </tbody> <tbody> <tr data-ng-repeat = "myData"> {td> {data.name}}}}} <td> {{data.attr}} </td> </td> </tbody> </table> </div> </body> </html>app.js
var myhttpapp = angular.module ( "myapp", []); myhttpapp.controller ( "myAppController", function ($ q, $ http, $ scope) {var deffer = $ q.defer (); var data = new blob ([ "name" ":"zhangsan ")) $ scope. $ http ({method : "post", url : "./ data.json", cache : true}). 성공 (함수 (data) {deffer.resolve (data);}). 오류 (date (data) {deffer.reject (data);}) promise (function (data) {$ scope.mydata = data.data;})). /* promise.success (함수 (data) {$ scope.mydata = data;})* /}})Data.json
[{ "name": "zhangsan", "att결과:
then() 함수를 호출 할 때 반환 된 resp 객체가 반환되었습니다.
요약
AngularJS에서 $ HTTP 서비스의 일반적으로 사용되는 응용 프로그램 및 매개 변수는 기본적으로 끝납니다. 이 기사의 내용이 AngularJS 사용을 배우는 법을 배우는 것이 도움이되기를 바랍니다. 궁금한 점이 있으면 의사 소통 할 메시지를 남겨주세요.