Comment faire un jsonp requête POST qui spécifie contentType avec jQuery?

J'ai besoin de faire un jsonp requête POST avec le type de contenu "application/json". Je peux obtenir de la requête POST vers le serveur comme ceci:

      jQuery.ajax({
        type: 'POST',
        url: url,
        data: data,
        success: success,
        error: error,
        async: true,
        complete: complete,
        timeout: TIMEOUT,
        scriptCharset: 'UTF-8',
        dataType: 'jsonp',
        jsonp: '_jsonp',
      });

Mais dès que j'ajoute la ligne:contentType: "application/json" il commence à envoyer comme une des OPTIONS de demande plutôt que d'un POSTE.

Comment puis-je spécifier le type de contenu et encore soumettre la demande en tant que POST?

Est l'URL dans votre domaine? Ce format est-il de retour?

InformationsquelleAutor Marcus | 2010-10-05

51

Il n'est pas possible de faire un JSONP requête POST.

JSONP fonctionne en créant un <script> balise qui exécute du Javascript à partir d'un domaine différent; il n'est pas possible d'envoyer une requête POST à l'aide d'un <script> tag.
- Si je quitte le contentType, la demande est faite et le serveur, il obtient un POSTE.
- Ouais, jQuery revient à XMLHttpRequest que vous ne pouvez pas POSTER via <script> l'inclusion. Mais cela signifie que le JSONP réponse ne marchera jamais; si elle est à venir à partir d'un autre nom d'hôte, vous ne serez pas en mesure de lire quoi que ce soit à partir de la réponse en raison de la Même Origine. <script> de l'intégration peut déclencher une GET, toutes les données que vous voulez envoyer, il faut aller dans les paramètres de requête URL.
- De sens, merci pour l'explication.
- Si vous spécifiez le type de données: "jsonp" et de type "POST", le "jsonp" prend précédent et il est envoyé comme une demande de "GET" (le "POST" est ignorée). Avantage est que cela permet de préserver la jsonp fonctionnalité, bas-côté, en silence ne parvient pas à POSTER et Obtient à la place (de sorte que vous devez vraiment faire attention à l'attraper...)
InformationsquelleAutor SLaks

Utilisation json dans dataType et de l'envoyer comme ceci:

        $.ajax({
            url: "your url which return json",
            type: "POST",
            crossDomain: true,
            data: data,
            dataType: "json",
            success:function(result){
                alert(JSON.stringify(result));
            },
            error:function(xhr,status,error){
                alert(status);
            }
        });

et de mettre ces lignes dans votre côté serveur de fichier:

si PHP:

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Max-Age: 1000');

si java:

response.addHeader( "Access-Control-Allow-Origin", "*" ); 
response.addHeader( "Access-Control-Allow-Methods", "POST" ); 
response.addHeader( "Access-Control-Max-Age", "1000" );

Existe-il d'un problème de sécurité qui est en jeu avec cette?

InformationsquelleAutor Pratik Butani AndroidDev

1

Il y a un (hack) la solution je l'ai fait à de nombreuses reprises, vous serez en mesure de Poster avec JsonP.
(Vous serez en mesure de publier Forme, plus grand que 2000 char que vous pouvez utiliser par GET)

Application Client Javascript
```
$.ajax({
  type: "POST", //you request will be a post request
  data: postData, //javascript object with all my params
  url: COMAPIURL, //my backoffice comunication api url
  dataType: "jsonp", //datatype can be json or jsonp
  success: function(result){
    console.dir(result);
  }
});
```
JAVA:
```
response.addHeader( "Access-Control-Allow-Origin", "*" ); //open your api to any client 
response.addHeader( "Access-Control-Allow-Methods", "POST" ); //a allow post
response.addHeader( "Access-Control-Max-Age", "1000" ); //time from request to response before timeout
```
PHP:
```
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Max-Age: 1000');
```
Faire comme cela, vous êtes à l'ouverture de votre serveur pour toute demande de publication, vous devez re-mettre en fournissant ident ou quelque chose d'autre.

Avec cette méthode, vous pouvez également modifier le type de demande de jsonp en json, tous les deux, il suffit de régler le droit de réponse type de contenu

jsonp
```
response.setContentType( "text/javascript; charset=utf-8" );
```
json
```
response.setContentType( "application/json; charset=utf-8" );
```
S'il vous plaît pas que vous êtes serveur n'aura plus de respect de la SOP (même origine), mais qui s'en soucie ?
- Je pense que ce qui vous parlez, c'est vraiment à l'aide de la SCRO. En définissant ces en-têtes vous êtes le déclenchement du client pour lancer un SCRO demande. Je n'aurais pas forcément décrire que comme un "hack", c'est la façon dont il devrait être fait. De plus, je ne recommande pas d'utiliser "*" mais au lieu de renvoyer le client de l'origine et de faire une liste blanche de vérifier sur le serveur. Voir ici pour plus de détails: enable-cors.org/server.html
InformationsquelleAutor Dimitri Kopriwa

Vous devez vous connecter pour publier un commentaire.