1
votes

À quoi servent les IFrames en 2019?

Je suis tombé sur une API qui utilise IFrame pour communiquer avec un système tiers sous-jacent. Je me demandais si c'était juste un ancien système, j'ai remarqué que le système expose en plus de l'IFrame une API REST relativement moderne et bien structurée. Ce qui m'a fait me demander. Y a-t-il des avantages spécifiques pour eux d'utiliser un IFrame au lieu de l'API REST? La fonctionnalité exposée via IFrame est la sélection des produits et la récupération des prix. S'il n'y avait pas un ensemble alternatif d'API REST, j'aurais juste pensé que c'est quelque chose de très ancien, mais maintenant cela me semble être un choix intentionnel .

Qu'est-ce qui peut motiver un tel choix en 2019?

javascript html rest browser iframe

0 commentaires

4 Réponses :

0
votes

Il y a quelques années, j'utilisais PHP de manière intensive et j'utilisais beaucoup de </code> dans mes pages. Le but était d'utiliser la balise <code><form> </code> avec les attributs <code> action </code> et <code> target </code>, afin que les formulaires n'aient pas à être soumis en AJAX, et peut être soumis d'une <em> manière HTML plus naturelle </em>, en particulier lorsqu'un fichier est inclus pour être téléchargé également. Cela semble être une chose courante, jusqu'à présent. Je suppose que les développeurs derrière le site Web que vous avez décrit l'utilisent pour envoyer / récupérer des données cachées. </p> <p> REST est, comme on l'explique toujours, une architecture sur la façon dont les services basés sur HTTP communiquent entre eux, y compris les services frontaux et principaux. Le but d'utiliser <code><iframe> </code> caché comme je l'ai décrit est d'éviter d'utiliser AJAX. REST n'est pas pertinent dans ce cas. Vous pouvez toujours utiliser <code><iframe> </code> masqué pour envoyer des données de manière REST. Bien sûr, si vous utilisez <code><form> </code> avec <code> target </code> et <code> action </code>, ainsi que l'attribut <code> method </code>, les données qui que vous envoyez peut être au format multipart, et non JSON, à l'aide de la méthode POST. Cela ne signifie pas que REST ne peut pas être utilisé. REST peut être utilisé avec n'importe quel format de données, y compris en plusieurs parties ou même avec un code URL. </p> <p> Si le développeur utilise <code><iframe> </code> de la manière que je viens de vous expliquer, cela pourrait être à des fins de compatibilité du navigateur. Vous n'avez pas besoin d'écrire des codes JavaScript pour soumettre le formulaire. Bien entendu, d'autres utilisations que la soumission de formulaires existent également. Donc, utiliser un <code><iframe> </code> <em> avec </em> REST est correct. L'utilisation d'un <code><iframe> </code> avec SOAP, RPC, gRPC, GraphQL est également acceptable si les données peuvent être formatées correctement. Bien sûr, comme vous l'avez dit, c'est rare. La communication avec REST se fait généralement en utilisant AJAX, WebSocket, etc. <code><iframe> </code> n'est qu'un des composants que le développeur a utilisé pour prétraiter et envoyer les données au serveur. Le développeur l'utilise probablement aussi pour afficher des données ou d'autres éléments, mais si telle est l'intention initiale, cela devient de moins en moins courant et devrait être évité en raison de problèmes de sécurité. </p> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> J'utilise personnellement des iframes pour les médias, tels que YouTube. </p> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Dans le monde de l'éducation, vous avez des «plates-formes» (systèmes de gestion de l'apprentissage comme Blackboard ou Moodle) qui sont développées pour gérer les cours en ligne. </p> <p> Mais le contenu du cours peut être développé par des développeurs / entreprises distincts. </p> <p> Les iFrames sont donc utilisés pour héberger du contenu tiers dans le cadre de la plate-forme. </p> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p><code><iframe> </code> n'est pas une balise obsolète ou obsolète. Il est toujours largement utilisé sur le Web, principalement à des fins médiatiques. </p> <p> Il est également vrai que de nombreux services Web ont été mis à niveau pour ne pas admettre l'utilisation de leurs services sur une trame qu'ils peuvent détecter et c'est uniquement à des fins de sécurité, ce qui signifie que je suis presque sûr qu'il y a une raison pour laquelle ils ont utilisé ou dû utiliser la balise <code> iframe </code> sur le site Web que vous mentionnez. </p> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> </div> <div class="col-lg-3 col-md-12 col-12 col-sm-12" > <div class="related"> <iframe src="https://rcm-eu.amazon-adsystem.com/e/cm?o=8&p=12&l=ez&f=ifr&linkID=b777da379e25dfc65f34887292b82918&t=birdy0c-21&tracking_id=birdy0c-21" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0">

Articles qui pourrait vous intéresser :


                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Interaction profonde avec break and catch                        
                        
                                            
                            Utilisation de node.js comment renommer tous les fichiers d'un dossier                        
                        
                                            
                            Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO