是否可以仅使用客户端脚本获得第 3 方 API
Is it possible to get 3rd party API using client-side script only
假设我可以使用第 3 方 API 和 API-KEY
来检查运费
是否可以仅使用客户端脚本 get/request 数据(例如 javascript 或 mustache 或其他)?
这是来自供应商documentation的
你可以用 AJAX 来做到这一点。
如果您必须向 https://api.rajaongkir.com/starter/province
发送 GET,AJAX 请求将如下所示:
$.ajax({
url: "https://api.rajaongkir.com/starter/province",
type: "GET",
beforeSend: function(xhr){xhr.setRequestHeader('key', 'API Key');},
success: function() { //do something here post the GET }
});
更新:
您将需要为 $.ajax
使用 jQuery。您可以通过在项目中包含 jQuery 库来做到这一点。在您的 <head>
中,添加以下内容:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
这应该使您能够使用 AJAX 发送异步网络请求。
我写了一个请求,我发送一个 GET 到 https://swapi.co/api/people/1/ 并在 div
中显示名称
假设我可以使用第 3 方 API 和 API-KEY
来检查运费是否可以仅使用客户端脚本 get/request 数据(例如 javascript 或 mustache 或其他)?
这是来自供应商documentation的
你可以用 AJAX 来做到这一点。
如果您必须向 https://api.rajaongkir.com/starter/province
发送 GET,AJAX 请求将如下所示:
$.ajax({
url: "https://api.rajaongkir.com/starter/province",
type: "GET",
beforeSend: function(xhr){xhr.setRequestHeader('key', 'API Key');},
success: function() { //do something here post the GET }
});
更新:
您将需要为 $.ajax
使用 jQuery。您可以通过在项目中包含 jQuery 库来做到这一点。在您的 <head>
中,添加以下内容:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
这应该使您能够使用 AJAX 发送异步网络请求。
我写了一个请求,我发送一个 GET 到 https://swapi.co/api/people/1/ 并在 div
中显示名称