Pertanyaan yang diberi tag «fetch-api»

Fetch API adalah pengganti yang lebih baik untuk XHR, untuk membuat permintaan HTTP asinkron sekaligus mengelola pengalihan dan interaksi dengan CORS dan Service Worker dengan lebih baik.

11
Ambil: POST json data
На этот вопрос есть ответы на Stack Overflow на русском : как отправить json на сервер fetch javascript? Все говорят только о том, как получить json Saya mencoba POST objek JSON menggunakan fetch . Dari apa yang bisa saya mengerti, saya perlu melampirkan objek yang dirender ke badan permintaan, misalnya: …

10
Header 'Access-Control-Allow-Origin' tidak ada pada sumber daya yang diminta — ketika mencoba untuk mendapatkan data dari REST API
Saya mencoba mengambil beberapa data dari REST API HP Alm. Ini bekerja cukup baik dengan skrip ikal kecil - saya mendapatkan data saya. Sekarang melakukan itu dengan JavaScript, ambil dan ES6 (kurang lebih) tampaknya menjadi masalah yang lebih besar. Saya terus menerima pesan kesalahan ini: Ambil API tidak dapat memuat. …


6
Ambil API dengan Cookie
Saya mencoba API Ambil baru tetapi mengalami masalah dengan Cookie. Secara khusus, setelah login berhasil, ada header Cookie di permintaan masa depan, tetapi Ambil tampaknya mengabaikan header itu, dan semua permintaan saya yang dibuat dengan Ambil tidak sah. Apakah karena Pengambilan masih belum siap atau Pengambilan tidak bekerja dengan Cookie? …
199 cookies  fetch-api 

4
Apa tanggapan yang tidak jelas, dan apa tujuannya?
Saya mencoba fetchURL situs web lama, dan terjadi kesalahan: 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
Bagaimana cara mengunggah file dengan API ambil JS?
Saya masih mencoba untuk membungkus kepala saya di sekitarnya. Saya dapat meminta pengguna memilih file (atau bahkan banyak) dengan input file: <form> <div> <label>Select file to upload</label> <input type="file"> </div> <button type="submit">Convert</button> </form> Dan saya bisa menangkap submitacara menggunakan <fill in your event handler here>. Tapi begitu saya lakukan, bagaimana …

5
Mencoba menggunakan mode ambil dan lewati: no-cors
Saya dapat mencapai titik akhir ini, http://catfacts-api.appspot.com/api/facts?number=99melalui Postman dan kembaliJSON Selain itu saya menggunakan create-react-app dan ingin menghindari pengaturan konfigurasi server. Dalam kode klien saya, saya mencoba menggunakan fetchuntuk melakukan hal yang sama, tetapi saya mendapatkan kesalahan: Header 'Access-Control-Allow-Origin' tidak ada pada sumber daya yang diminta. Karena itu, ' http: …

3
Ambil API vs XMLHttpRequest
Saya tahu bahwa Ambil API menggunakan Promises dan keduanya memungkinkan Anda untuk melakukan permintaan AJAX ke server. Saya telah membaca bahwa Fetch API memiliki beberapa fitur tambahan, yang tidak tersedia di XMLHttpRequest(dan dalam polyfill API Fetch, karena didasarkan pada XHR). Apa kemampuan tambahan yang dimiliki API Ambil?

11
Mengatur string kueri menggunakan Fetch GET request
Saya mencoba menggunakan API Ambil baru : Saya membuat GETpermintaan seperti ini: var request = new Request({ url: 'http://myapi.com/orders', method: 'GET' }); fetch(request); Namun, saya tidak yakin cara menambahkan string kueri ke GETpermintaan. Idealnya, saya ingin bisa membuatGET permintaan URLseperti: 'http://myapi.com/orders?order_id=1' Di jQuerysaya bisa melakukan ini dengan melewati {order_id: 1}sebagai …

4
Menggunakan header otorisasi dengan Fetch in React Native
Saya mencoba menggunakan fetchdi React Native untuk mengambil informasi dari API Perburuan Produk. Saya telah memperoleh Token Akses yang tepat dan telah menyimpannya ke Status, tetapi tampaknya tidak dapat meneruskannya dalam header Otorisasi untuk permintaan GET. Inilah yang saya miliki sejauh ini: var Products = React.createClass({ getInitialState: function() { return …

22
React Native fetch () Permintaan Jaringan Gagal
Ketika saya membuat proyek baru menggunakan react-native init(RN versi 0.29.1) dan memasukkan metode render ke film demo facebook publik API, itu melempar a Network Request Failed. Ada jejak stack yang sangat tidak berguna dan saya tidak bisa men-debug permintaan jaringan di konsol chrome. Ini adalah pengambilan yang saya kirim: fetch('http://facebook.github.io/react-native/movies.json') …


8
Otentikasi dasar dengan pengambilan?
Saya ingin menulis otentikasi dasar sederhana dengan pengambilan, tetapi saya terus mendapatkan kesalahan 401. Akan luar biasa jika seseorang memberi tahu saya apa yang salah dengan kode: 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'); …

5
Bagaimana cara saya memposting data formulir dengan fetch api?
Kode saya: fetch("api/xxx", { body: new FormData(document.getElementById("form")), headers: { "Content-Type": "application/x-www-form-urlencoded", // "Content-Type": "multipart/form-data", }, method: "post", } Saya mencoba memposting formulir saya menggunakan fetch api, dan tubuh yang dikirimnya seperti: -----------------------------114782935826962 Content-Disposition: form-data; name="email" test@example.com -----------------------------114782935826962 Content-Disposition: form-data; name="password" pw -----------------------------114782935826962-- (Saya tidak tahu mengapa nomor dalam batas berubah …

4
Mengapa .json () mengembalikan promise?
Saya telah bermain-main dengan fetch()api baru-baru ini, dan melihat sesuatu yang agak aneh. 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.datamengembalikan sebuah Promiseobjek. http://jsbin.com/wofulo/2/edit?js,output Namun jika ditulis sebagai: let url = "http://jsonplaceholder.typicode.com/posts/6"; let …

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.