Error CORS `Access-Control-Allow-Origin`

[mazipan]

Error when trying to hit https://sites.google.com/macros/exec?service=AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD&menu=nama_produk&query=abc via httpclient.

I use axios as httpclient.

[mazipan]

I use Cek Produk Halal MUI Api

[bachors]

Kalo menggunakan javascript harus menggunakan callback om, ini contoh menggunakan jquery https://github.com/bachors/Ygrab.js/blob/master/js/ygrab.js

[mazipan]

JSONP kali maksudnya ya om ?

[bachors]

Iya om @mazipan jsonp 👍

[mazipan]

Btw ini project yang sedang saya coba bikin pake API tersebut https://github.com/mazipan/cek-halal

Contoh request yang saya bikin ada di https://github.com/mazipan/cek-halal/blob/master/src/pages/Search.vue#L107

[bachors]

Mantap om @mazipan ijin fork untuk belajar vue 👍

[mazipan]

Sekarang malah dapat error ini

Refused to execute script from 'https://sites.google.com/macros/exec?service=AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD&menu=nama_produk&query=abc&callback=__jp1' because its MIME type ('application/json') is not executable, and strict MIME type checking is enabled.

Pake library ini https://www.npmjs.com/package/jsonp

[mazipan]

LIhat networknya aneh ya. Jadi 3 request. Yang pertama dapat response 307, kedua 302 baru 200.

[bachors]

ini conto menggunakan callback jquery

`GS('abc', function(arr) { alert(arr[0].title); }) ;

function GS(a, b) { $.getJSON("https://script.google.com/macros/s/exec?query=" + a + "&service=AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD&callback=?",function(c){ b(c.data); }); }`

[mazipan]

Ini bisa jalan om ? Sudah dicoba kah ? Saya kok curiganya gara2 di redirect URL nyari2 ke url lain.

[mazipan]

Udah nyoba pake jQuery getJSON

let path = `https://sites.google.com/macros/exec?service=AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD&menu=${this
        .selectedMenu.value}&query=${this.searchText}&cb=?`

$.ajaxSetup({ dataType: 'jsonp' })
$.getJSON(path, function (json) {
   console.log(JSON.stringify(json))
})

Dapat response ini

Ada ide kah om @bachors ?

[bachors]

o'iya lupa om belum mengatur code callback di google script.y , sekarang mah sudah bisa :+1: http://bachors.com/code/produk-halal-api-javascript

[mazipan]

Masih belum bisa nih om @bachors :-(

[mazipan]

Kemungkinan karena content-type nya salah om @bachors. Kalo jsonp harusnya sih content-type nya javascript bukan json.

*cmiiw

[bachors]

Sudah bener kok om content-type nya mah javscript :) ini saya coba pake vue http://bachors.com/code/cek-halal-vue

[mazipan]

Kok di saya dua duanya gak mau jalan ya demo yang dibuat diatas

[bachors]

Dibukanya lewat smartphone ya om?

[mazipan]

Iya, gak bisa ya ?

[mazipan]

Screenshoot, access from desktop

[mazipan]

Other demo screenshoot