2017-10-19 8 views
0

Je suis novice en matière d'API et ils semblent continuer à me bloquer. L'erreur suivante persiste:Obtenir une erreur lors de l'utilisation de l'API

L'en-tête 'Access-Control-Allow-Origin' a une valeur 'http://null' différente de l'origine fournie. L'origine 'null' n'est donc pas autorisée.

Voici mon JS:

var url = "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1"; 

$('#quotebutton').on('click', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     url: "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1", 
     success: function(data) { 
     var post = data.shift(); // The data is an array of posts. Grab the first one. 
     $('#quote-title').text(post.title); 
     $('#quote').html(post.content); 

     // If the Source is available, use it. Otherwise hide it. 
     if (typeof post.custom_meta !== 'undefined' && typeof post.custom_meta.Source !== 'undefined') { 
      $('#quote-source').html('Source:' + post.custom_meta.Source); 
     } else { 
      $('#quote-source').text(''); 
     } 
     }, 
     cache: false 
    }); 
    }); 
+0

Je viens d'essayer votre url dans un client restles et je reçois l'erreur: "Désolé, vous n'êtes pas autorisé à poster sur ce site.". On dirait que la requête POST de http://quotesondesign.com/wp-json/posts essaie en fait de créer un post. Veuillez consulter leur API –

Répondre

1

Comme mentionné par @ Moataz-Elmasry la fonction js est très bien, mais l'API des restrictions d'accès. Exécution d'un violon du même code fonctionne très bien: https://jsfiddle.net/9gtbsp2e/1/

* Je mis à jour le lien à utiliser https pour éliminer les erreurs de sécurité