«fetch-api» 태그된 질문

Fetch API는 CORS 및 서비스 워커와의 리디렉션 및 상호 작용을 더 잘 관리하면서 비동기 HTTP 요청을 만들기위한 XHR의 개선 된 대체품입니다.

11
가져 오기 : POST JSON 데이터
На этот вопрос есть ответы на Stack Overflow на русском : как отправить json на сервер 자바 스크립트를 가져 옵니까 ? Все говорят только о том, как получить json fetch 사용하여 JSON 객체를 POST하려고합니다 . 내가 이해할 수있는 것에서, 문자열 화 된 객체를 요청의 본문에 첨부해야합니다. fetch("/echo/json/", { headers: { …

10
REST API에서 데이터를 가져 오려고 할 때 요청 된 자원에 'Access-Control-Allow-Origin'헤더가 없습니다.
HP Alm의 REST API에서 일부 데이터를 가져 오려고합니다. 작은 curl 스크립트와 잘 작동합니다. 데이터를 얻습니다. 이제 JavaScript를 사용하여 가져 오는 것과 가져 오기 및 ES6 (더 많거나 적은)이 더 큰 문제인 것 같습니다. 이 오류 메시지가 계속 나타납니다. Fetch API가로드 할 수 없습니다. 프리 플라이트 요청에 대한 응답이 액세스 제어 …

6
쿠키로 API 가져 오기
새 Fetch API를 사용하려고하는데 쿠키에 문제가 있습니다. 특히 로그인에 성공하면 이후 요청에 쿠키 헤더가 있지만 Fetch는 해당 헤더를 무시하는 것으로 보이며 Fetch로 작성된 모든 요청은 권한이 없습니다. Fetch가 아직 준비되지 않았거나 Fetch가 쿠키와 작동하지 않기 때문입니까? Webpack으로 앱을 빌드합니다. 또한 React Native에서 Fetch를 사용하는데 같은 문제가 없습니다.
201 cookies  fetch-api 


4
불투명 한 반응은 무엇이며 어떤 목적으로 사용됩니까?
fetch오래된 웹 사이트의 URL을 시도했는데 오류가 발생했습니다. Fetch API cannot load http://xyz. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://abc' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 메시지를 이해하고 …
172 cors  fetch-api 

9
JS fetch API로 파일을 어떻게 업로드합니까?
나는 여전히 내 머리를 감싸려고합니다. 사용자가 파일 입력으로 파일 (또는 여러 개)을 선택할 수 있습니다. <form> <div> <label>Select file to upload</label> <input type="file"> </div> <button type="submit">Convert</button> </form> 그리고를 submit사용 하여 이벤트를 잡을 수 있습니다 <fill in your event handler here>. 그러나 일단 내가 한 다음을 사용하여 파일을 보내려면 어떻게해야 fetch합니까? …

5
모드에서 페치 및 전달 사용 : no-cors
http://catfacts-api.appspot.com/api/facts?number=99Postman을 통해이 끝점을 칠 수 있습니다.JSON 또한 create-react-app를 사용하고 있으며 서버 구성을 설정하지 않으려 고합니다. 내 클라이언트 코드 fetch에서 동일한 작업을 수행 하려고 하지만 오류가 발생합니다. 요청 된 리소스에 'Access-Control-Allow-Origin'헤더가 없습니다. 따라서 원본 ' http : // localhost : 3000 '은 액세스 할 수 없습니다. 불투명 한 응답이 사용자의 요구를 …

3
Fetch API와 XMLHttpRequest
Fetch API가 Promises를 사용 하고 둘 다 서버에 AJAX 요청을 수행 할 수 있음을 알고 있습니다. Fetch API에는 XMLHttpRequest(및 Fetch API polyfill을 기반으로하므로) 사용할 수없는 몇 가지 추가 기능이 있음을 읽었습니다 XHR. Fetch API에는 어떤 추가 기능이 있습니까?

11
페치 GET 요청을 사용하여 쿼리 문자열 설정
새로운 Fetch API 를 사용하려고합니다 . 나는 GET이런 요청을하고있다 : var request = new Request({ url: 'http://myapi.com/orders', method: 'GET' }); fetch(request); 그러나 GET요청에 쿼리 문자열을 추가하는 방법을 잘 모르겠습니다 . 이상적으로 GET는 다음 URL과 같은 요청을 할 수 있기를 원합니다 . 'http://myapi.com/orders?order_id=1' 에서 jQuery나는 통과하여이 작업을 수행 할 수 {order_id: …

22
네이티브 fetch () 네트워크 요청 실패
react-native init(RN 버전 0.29.1)을 사용하여 새로운 프로젝트를 만들고 렌더 메소드에 공개 페이스 북 데모 영화 API에 가져 오기를 넣으면을 던집니다 Network Request Failed. 매우 쓸모없는 스택 추적이 있으며 크롬 콘솔에서 네트워크 요청을 디버깅 할 수 없습니다. 내가 보내는 패치는 다음과 같습니다. fetch('http://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { return responseJson.movies; …

4
React Native에서 Fetch와 함께 인증 헤더 사용
fetchProduct Hunt API의 정보를 얻기 위해 React Native에서 사용하려고합니다 . 적절한 액세스 토큰을 얻어 State에 저장했지만 GET 요청에 대한 Authorization 헤더 내에서 토큰을 전달할 수없는 것 같습니다. 여기까지 내가 가진 것입니다 : var Products = React.createClass({ getInitialState: function() { return { clientToken: false, loaded: false } }, componentWillMount: function () …

15
HTTP 요청이 상태 코드 0을 반환한다는 것은 무엇을 의미합니까?
fetch 또는 XMLHttpRequest와 같은 JavaScript 네트워크 호출 또는 다른 유형의 HTTP 네트워크 요청이 HTTP 상태 코드 0으로 실패하는 것은 무엇을 의미합니까? 다른 코드는 HTTP 사양에서 3 자리이므로 유효한 HTTP 상태 코드 인 것 같습니다. 테스트로 네트워크를 완전히 분리하려고했습니다. 관련이 없지만 상태 코드 17003 (IIRC)이 발생하여 커서 검색에서 "DNS 서버 조회 …

8
가져 오기를 사용한 기본 인증?
fetch로 간단한 기본 인증을 작성하고 싶지만 401 오류가 계속 발생합니다. 누군가가 코드에 문제가 있다고 말하면 멋질 것입니다. let base64 = require('base-64'); let url = 'http://eu.httpbin.org/basic-auth/user/passwd'; let username = 'user'; let password = 'passwd'; let headers = new Headers(); //headers.append('Content-Type', 'text/json'); headers.append('Authorization', 'Basic' + base64.encode(username + ":" + password)); fetch(url, {method:'GET', …

5
Fetch API로 양식 데이터를 게시하려면 어떻게합니까?
내 코드 : fetch("api/xxx", { body: new FormData(document.getElementById("form")), headers: { "Content-Type": "application/x-www-form-urlencoded", // "Content-Type": "multipart/form-data", }, method: "post", } 나는 fetch api를 사용하여 내 양식을 게시하려고 시도했으며 보내는 본문은 다음과 같습니다. -----------------------------114782935826962 Content-Disposition: form-data; name="email" test@example.com -----------------------------114782935826962 Content-Disposition: form-data; name="password" pw -----------------------------114782935826962-- (전송할 때마다 경계의 숫자가 변경되는 이유를 모르겠습니다 ...) …

4
.json ()이 프라 미스를 반환하는 이유는 무엇입니까?
나는 fetch()최근에 API를 엉망으로 만들고 약간 기발한 것을 발견했습니다. let url = "http://jsonplaceholder.typicode.com/posts/6"; let iterator = fetch(url); iterator .then(response => { return { data: response.json(), status: response.status } }) .then(post => document.write(post.data)); ; post.dataPromise객체를 반환 합니다. http://jsbin.com/wofulo/2/edit?js,output 그러나 다음과 같이 작성된 경우 : let url = "http://jsonplaceholder.typicode.com/posts/6"; let iterator = …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.