Uso de Clerk.js para realizar llamadas a la API
Clerk.js puede utilizarse para realizar llamadas a la API más avanzadas
Platforms:
Puedes usar Clerk.js para hacer llamadas a la API, usando la función incorporada Clerk.call(), esta función toma 3 argumentos.
Ejemplo de llamada
Define la función, y llámala en el script de seguimiento.
**HTML
<script type="text/javascript">
(function(w,d){
var e=d.createElement('script');e.type='text/javascript';e.async=true;
e.src=(d.location.protocol=='https:'?'https':'http')+'://cdn.clerk.io/clerk.js';
var s=d.getElementsByTagName('script')[0];s.parentNode.insertBefore(e,s);
w.__clerk_q=w.__clerk_q||[];w.Clerk=w.Clerk||function(){w.__clerk_q.push(arguments)};
})(window,document);
Clerk('config', {
key: 'INSERT_YOUR_API_KEY_HERE'
});
</script>
<script>
function popularProducts(){
Clerk("call",
"recommendations/popular",
{
limit: 10,
labels:["Home Page / Bestsellers"]
},
function(response){
console.log(response);
},
function(response){
console.error(response);
}
);
}
</script>
Respuesta
La respuesta a un objeto JavaScript, con el estado de la llamada a la API, y el resultado.
JavaScript
__clerk_cb_1(
{
"status":"ok",
"count":72,
"facets":null,
"result":[399,410,551,338,403,439,425,402,406,456]
}
);
Trabajar con la respuesta
Utilizar una función Callback para manejar la respuesta
**HTML
<script>
Clerk("call",
(
"search/categories",
{
'query': "men",
'limit': "10"
},
function(x){
var cat = x.categories;
if(cat.length > 0)
{
let heading = document.createElement('h3');
heading.textContent = 'Related Categories';
document.querySelector('#your-target').append(heading);
}
for(var index in cat) {
var clerkName = cat[index].name;
var clerkUrl = cat[index].url;
let link = document.createElement('a');
link.href = clerkUrl;
link.textContent = clerkName;
document.querySelector('#your-target').append(link);
}
}
)
</script>
Este ejemplo devolverá las categorías que coincidan con la consulta y las presentará como texto. De este modo, podrá realizar llamadas a nuestra API de forma rápida y sencilla.