Comment puis-je envoyer une requête de courrier cross-domaine via JavaScript?

1. créer une iFrame,
2. y mettre une forme avec des entrées cachées,
3. définit L'action du formulaire à L'URL,
4. ajouter iframe au document
5. soumettre le formulaire

Pseudo-code

 var ifr = document.createElement('iframe');
 var frm = document.createElement('form');
 frm.setAttribute("action", "yoururl");
 frm.setAttribute("method", "post");

 // create hidden inputs, add them
 // not shown, but similar (create, setAttribute, appendChild)

 ifr.appendChild(frm);
 document.body.appendChild(ifr);
 frm.submit();

vous voulez probablement style l'iframe, pour être caché et absolument positionné. Pas sûr que l'affichage cross site sera autorisé par le navigateur, mais si c'est le cas, voici comment le faire.

Keep it simple:

1. poste interdomaines:
   
   utiliser crossDomain: true,

2. ne devrait pas rafraîchir la page:
   
   Non, il ne va pas rafraîchir la page car le success ou error async callback sera appelé lorsque le serveur renvoie réponse.

---

exemple de script:

$.ajax({
        type: "POST",
        url: "http://www.yoururl.com/",
        crossDomain: true,
        data: 'param1=value1&param2=value2',
        success: function (data) {
            // do something with server response data
        },
        error: function (err) {
            // handle your error logic here
        }
    });

Si vous avez accès à tous les serveurs impliqués, placez le code suivant dans l'en-tête de la réponse pour la page demandée dans l'autre domaine:

PHP:

header('Access-Control-Allow-Origin: *');

par exemple, dans xmlrpc de Drupal.code php vous feriez ceci:

function xmlrpc_server_output($xml) {
    $xml = '<?xml version="1.0"?>'."\n". $xml;
    header('Connection: close');
    header('Content-Length: '. strlen($xml));
    header('Access-Control-Allow-Origin: *');
    header('Content-Type: application/x-www-form-urlencoded');
    header('Date: '. date('r'));
    // $xml = str_replace("\n", " ", $xml); 

    echo $xml;
    exit;
}

cela crée probablement un problème de sécurité, et vous devez vous assurer de prendre les mesures appropriées pour vérifier la demande.

vérifier la fonction post_method dans http://taiyolab.com/mbtweet/scripts/twitterapi_call.js - un bon exemple pour la méthode iframe décrite ci-dessus.

1. créer deux iframes cachées (ajouter" display: none; " au style css). Faites votre deuxième iframe pointer vers quelque chose sur votre propre domaine.

2. créer une forme cachée, définir sa méthode pour "post" avec cible = votre première iframe, et enctype optionnellement défini à "multipart/form-data" (je pense que vous voulez faire POST parce que vous voulez envoyer des données multipart comme des images?)

3. Quand vous êtes prêt, faites le formulaire submit () le POST.

4. si vous pouvez obtenir l'autre domaine pour retourner javascript qui fera la Communication inter-domaines avec Iframes ( http://softwareas.com/cross-domain-communication-with-iframes ) alors vous êtes dans la chance, et vous pouvez capturer la réponse aussi bien.

bien sûr, si vous voulez utiliser votre serveur comme un proxy, vous pouvez éviter tout cela. Simplement soumettez le formulaire à votre propre serveur, qui va proxy la requête à l'autre serveur (en supposant que l'autre serveur n'est pas configuré pour noter les anomalies IP), obtenir la réponse, et retourner ce que vous voulez.

encore Une chose importante à noter!!! Dans exemple ci-dessus, il est décrit comment utiliser

$.ajax({
    type     : 'POST',
    dataType : 'json', 
    url      : 'another-remote-server',
    ...
});

JQuery 1.6 and lower a un bug avec cross-domain XHR. Selon Firebug, aucune demande, sauf OPTIONS, n'a été envoyée. Pas de POST. À tous.

a passé 5 heures à tester / ajuster mon code. Ajout de nombreux en-têtes sur le serveur distant (script). Sans aucun effet. Mais plus tard, J'ai mis JQuery lib à 1.6.4, et tout fonctionne. comme un charme.

si vous voulez faire ceci en ASP.net environnement MVC avec jQuery AJAX, suivez ces étapes: (ceci est un résumé de la solution offerte au ce thread)

supposer que "caller.com" (peut être n'importe quel site Web) doit poster à "server.com" (an ASP.net MVC application)

1. Sur le "server.com" de l'application Web.config ajouter la section suivante:

     <httpProtocol>
         <customHeaders>
             <add name="Access-Control-Allow-Origin" value="*" />
             <add name="Access-Control-Allow-Headers" value="Content-Type" />
             <add name="Access-Control-Allow-Methods" value="POST, GET, OPTIONS" />
         </customHeaders>
     </httpProtocol>
   

2. sur le "server.com", nous aurons l'action suivante sur le contrôleur(appelé" Home") auquel nous posterons:

   [HttpPost]
   public JsonResult Save()
   {
       //Handle the post data...
   
       return Json(
           new
           {
               IsSuccess = true
           });
   }
   

3. Puis de la "caller.com", de publier des données à partir d'un formulaire(avec le html id "formId") "server.com" comme suit:

   $.ajax({
           type: "POST",
           url: "http://www.server.com/home/save",
           dataType: 'json',
           crossDomain: true,
           data: $(formId).serialize(),
           success: function (jsonResult) {
              //do what ever with the reply
           },
           error: function (jqXHR, textStatus) {
               //handle error
           }
       });
   

de Haut niveau.... Vous devez avoir une configuration cname sur votre serveur pour que other-serve.your-server.com points à retenir other-server.com.

votre page crée dynamiquement une iframe invisible, qui agit comme votre transport vers other-server.com. Vous devez ensuite communiquer via JS à partir de votre page vers le other-server.com et avoir des rappels qui retournent les données à votre page.

Possible mais nécessite une coordination de your-server.com et other-server.com

C'est une vieille question, mais une nouvelle technologie pourrait aider quelqu'un.

si vous avez un accès administratif à l'autre serveur, alors vous pouvez utiliser le projet de Forge opensource pour accomplir votre poste cross-domain. Forge fournit un wrapper JavaScript XMLHttpRequest cross-domain qui tire profit de L'API de socket raw de Flash. Le POSTE peut même être fait sur TLS.

la raison pour laquelle vous avez besoin d'un accès administratif au serveur que vous affichez to est parce que vous devez fournir une politique inter-domaines qui permet l'accès à partir de votre domaine.

http://github.com/digitalbazaar/forge

je pense que la meilleure façon est D'utiliser XMLHttpRequest (e.g. $.Ajax.$ ,)(post () in jQuery) avec un polyfills https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#wiki-CORS

il y a une autre façon (en utilisant la fonctionnalité html5). Vous pouvez utiliser le proxy iframe hébergé sur cet autre domaine, vous envoyez un message en utilisant postMessage à cet iframe, puis que iframe peut faire POST request (sur le même domaine) et postMessage de retour avec reposnse à la fenêtre parent.

parent sur sender.com

var win = $('iframe')[0].contentWindow

function get(event) {
    if (event.origin === "http://reciver.com") {
        // event.data is response from POST
    }
}

if (window.addEventListener){
    addEventListener("message", get, false)
} else {
    attachEvent("onmessage", get)
}
win.postMessage(JSON.stringify({url: "URL", data: {}}),"http://reciver.com");

iframe sur reciver.com

function listener(event) {
    if (event.origin === "http://sender.com") {
        var data = JSON.parse(event.data);
        $.post(data.url, data.data, function(reponse) {
            window.parent.postMessage(reponse, "*");
        });
    }
}
// don't know if we can use jQuery here
if (window.addEventListener){
    addEventListener("message", listener, false)
} else {
    attachEvent("onmessage", listener)
}

j'ai un exemple de code pour ce problème.

http://reddymails.blogspot.com/2012/05/solving-cross-domain-problem-using.html

devrait être possible avec une table personnalisée YQL + JS XHR, jetez un oeil à: http://developer.yahoo.com/yql/guide/index.html

je l'utiliser pour faire des côté client (js) html grattage, fonctionne très bien (J'ai un lecteur audio complet, à la recherche sur internet et/ou de lecture/paroles/last fm d'informations, le client en js + YQL)

je sais que c'est une vieille question, mais je voulais partager mon approche. J'utilise cURL comme un proxy, très facile et cohérent. Créez une page php appelée submit.php, et ajouter le code suivant:

<?

function post($url, $data) {
$header = array("User-Agent: " . $_SERVER["HTTP_USER_AGENT"], "Content-Type: application/x-www-form-urlencoded");
$curl = curl_init();
curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_HTTPHEADER, $header);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl, CURLOPT_POST, 1);
curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
$response = curl_exec($curl);
curl_close($curl);
return $response;
}

$url = "your cross domain request here";
$data = $_SERVER["QUERY_STRING"];
echo(post($url, $data));

puis, dans votre js (jquery ici):

$.ajax({
type: 'POST',
url: 'submit.php',
crossDomain: true,
data: '{"some":"json"}',
dataType: 'json',
success: function(responseData, textStatus, jqXHR) {
    var value = responseData.someKey;
},
error: function (responseData, textStatus, errorThrown) {
    alert('POST failed.');
}
});

CORS est pour vous. CORS est "Cross Origin Resource Sharing", c'est une façon d'envoyer des requêtes de domaine croisées.Maintenant, L'API XMLHttpRequest2 et Fetch supporte les deux CORS, et elle peut envoyer les requêtes POST et GET

mais il a ses limites.Le serveur doit spécifier le Access-Control-Allow-Origin , et il ne peut pas être défini à '*'.

et si vous voulez n'importe quelle origine peut vous envoyer la requête, vous avez besoin de JSONP (aussi besoin de définir Access-Control-Allow-Origin , mais peut être'*')

Pour les lots de la demande de façon si tu ne sais pas comment le choix, je pense que vous avez besoin d'un composant fonctionnel de le faire.Permettez-moi d'introduire un composant simple https://github.com/Joker-Jelly/catta

---

si vous utilisez un navigateur moderne (> IE9, Chrome, FF, Edge, etc.), Très vous recommande d'utiliser un simple mais composant beauté https://github.com/Joker-Jelly/catta .Il n'a pas de dépendance, moins de 3KB, et il supporte Fetch, AJAX et JSONP avec la même syntaxe d'échantillon mortelle et les options.

catta('./data/simple.json').then(function (res) {
  console.log(res);
});

il soutient aussi tout le chemin pour importer à votre projet, comme ES6 module, CommonJS et même <script> en HTML.

si vous avez accès au serveur cross domaine et que vous ne voulez pas faire de changement de code du côté du serveur, vous pouvez utiliser une bibliothèque appelée - 'xdomain'.

Comment cela fonctionne:

Étape 1: serveur 1: inclure la bibliothèque xdomain et configurer le domaine croisé comme un esclave:

<script src="js/xdomain.min.js" slave="https://crossdomain_server/proxy.html"></script>

Étape 2: sur le serveur cross domain, créez un proxy.fichier html et inclure le serveur 1 comme maître:

proxy.html:
<!DOCTYPE HTML>
<script src="js/xdomain.min.js"></script>
<script>
  xdomain.masters({
    "https://server1" : '*'
  });
</script>

Step 3:

Maintenant, vous pouvez faire un appel AJAX au mandataire.html comme point de terminaison de server1. C'est contourner la requête de la CORS. La bibliothèque utilise en interne la solution iframe qui fonctionne avec les justificatifs D'identité et toutes les méthodes possibles: GET, POST etc.

Query code ajax:

$.ajax({
        url: 'https://crossdomain_server/proxy.html',
        type: "POST",
        data: JSON.stringify(_data),
        dataType: "json",
        contentType: "application/json; charset=utf-8"
    })
    .done(_success)
    .fail(_failed)