Bonsoir,

je commence à développer une API -> cela fonctionne en utilisant l'extension Chrome.

Maintenant j'essaye de passer par le biais d'une page HTML avec jquery

Au niveau de mon API lorsque je passe par l'extension
Code : Sélectionner tout - Visualiser dans une fenêtre à part
http://localhost/api/v1/tasks
Method : POST
Headers : Authorization : 440eb3ed294c7f1e3ccbd002a8503e33
Payload : action : mavaleur

j'obtiens bien en retour status 201 created avec en JSON
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
{
error: false
message: "Task created successfully"
task_id: 2
}

Par contre lorsque j'essaye de faire la même chose par une page web, cela ne fonctionne pas
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $.ajax({
          url: 'http://localhost/api/v1/tasks',
          type: 'POST',
          data: {task: valeur1} ,
          success: function() { alert('hello!'); },
          error: function() { alert('boo!'); },
          beforeSend: setHeader
        });
      });
 
      function setHeader(xhr) {
        xhr.setRequestHeader('Authorization', '440eb3ed294c7f1e3ccbd002a8503e33');
      }
    </script>
  </head>
  <body>
    <h1>Some Text</h1>
  </body>
</html>
Merci de votre aide