本文整理匯總了TypeScript中fetch-jsonp類的典型用法代碼示例。如果您正苦於以下問題：TypeScript fetch-jsonp類的具體用法？TypeScript fetch-jsonp怎麽用？TypeScript fetch-jsonp使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了fetch-jsonp類的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1:
import * as fetchJsonp from 'fetch-jsonp';
/* Taken from https://github.com/camsong/fetch-jsonp/blob/v1.0.2/README.md */
fetchJsonp('/users.jsonp')
.then(response => response.json())
.then(json => {
console.log('parsed json', json);
}).catch(ex => {
console.log('parsing failed', ex);
});
fetchJsonp('/users.jsonp', {
jsonpCallback: 'custom_callback'
})
.then(response => response.json())
.then(json => {
console.log('parsed json', json);
}).catch(ex => {
console.log('parsing failed', ex);
});
fetchJsonp('/users.jsonp', {
timeout: 3000,
jsonpCallback: 'custom_callback'
})
.then(response => response.json())
.then(json => {
console.log('parsed json', json);
}).catch(ex => {
console.log('parsing failed', ex);示例2: jsonp
export const getInstagramPhotos = (userId: string, accessToken: string): Promise<Response> => {
const params = qs.stringify({
access_token: accessToken,
count: 10,
})
const url = `https://api.instagram.com/v1/users/${userId}/media/recent/?${params}`
const key = `grams_${userId}_${md5(params)}`
const result = cache.get(key)
if (cache.get(key)) {
return Promise.resolve(Ok(result))
}
return jsonp(url)
.then(response => response.json())
.then((response: Instagram.Response) => {
if (response.meta.code === 400) {
return Err({
message: response.meta.error_message,
info: `URL: ${url}`,
})
}
cache.set(key, response.data, 22)
return Ok(response.data)
})
.catch(err => Err(err))
}示例3: jsonp
export async function jsonp(url: string, jsonpCallback = 'callback') {
const res = await fetchJsonp(url, { jsonpCallback })
if (res.ok) {
const body = await res.json()
if (body.code === 0) {
return body
}
}
console.error('jsonp error')
}示例4: Promise
return new Promise((resolve, reject) => {
fetchJsonp(`https://script.google.com/macros/s/AKfycbz2aZfc8mktKaabkLBtt58arxmKYmyLR6Kq8xJONZxAuA9BiEyC/exec?url=${url}&api=${api}&free=${free}`, {
jsonpCallback: 'callback'
})
.then((response: any) => {
return response.json();
})
.then((json: any) => {
resolve(json.htmlStr);
})
.catch((error: any) => {
reject({ error });
});
});