Clerk.js può essere usato per fare chiamate API più avanzate
È possibile usare Clerk.js per effettuare chiamate API, utilizzando la funzione integrata Clerk.call(), questa funzione prende 3 argomenti (arguments).
Esempio di Chiamata
Definisci la funzione, e chiamala nel tracking-script.
HTML
<script type="text/javascript">
window.clerkAsyncInit = function() {
Clerk.config({
key: 'indfgh9upf9hpg4h'
});
popularProducts();
};
(function(){
var e = document.createElement('script');
e.type='text/javascript'; e.async = true;
e.src = document.location.protocol +
'//api.clerk.io/static/clerk.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(e, s);
})();
</script>
<script>
function popularProducts(){
Clerk.call(
"recommendations/popular",
{
key: "indfgh9upf9hpg4h",
limit: 10,
},
function(response){ console.log(response); }
);
}
</script>
Risposta
La risposta all'oggetto JavaScript, con lo status della chiamata API e il risultato.
JavaScript
jQuery110205659561061587193_1499933500270(
{
"status":"ok",
"count":72,
"facets":null,
"result":[399,410,551,338,403,439,425,402,406,456]
}
);
Operare con la risposta
Usare una funzione Callback per gestire la risposta
HTML
<script>
Clerk.call
(
"search/categories",
{
'key':"indfgh9upf9hpg4h",
'query': "men",
'limit': "10"
},
function(x){
var cat = x.categories;
if(cat.length > 0)
{
$('#your-target').append("<h3>Related Categories</h3>")
}
for(var index in cat) {
var clerkName = cat[index].name;
var clerkUrl = cat[index].url;
$('#your-target').append("<a
href="+clerkUrl+">"+clerkName+"</a> <br>")
}
}
)
</script>
Questo esempio restituisce le categorie corrispondenti alla query di ricerca e le presenterà come testo.
In questo modo puoi fare chiamate alla nostra API in modo semplice e veloce.