Je suis une personne front-end et je suis nouveau dans cet aspect de l'interaction des données. Je sais que je peux analyser des données json, écrire du php pour recevoir des données d'arrière-plan, puis générer dynamiquement des pages. Je veux aussi en savoir plus sur l'interaction des données.
Veuillez demander aux maîtres de venir me donner des conseils, exprimer vos opinions et introduire des détails précis !!
Mendiez à genoux !!! Supplie à genoux !!!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
L'interaction des données front-end et back-end repose sur HTTP (ou d'autres types dérivés, tels que SSE, WS, etc.)
Quelles méthodes sont disponibles sur le front-end pour lancer des requêtes HTTP ?
API du réseau orthodoxe
XMLHttpRequest
Demande XHR orthodoxe, avec restriction de même origine
EventSource
Il s'agit de la technologie SSE (server push), issue de HTTP
WebSocket
Communication de connexion longue bidirectionnelle entre le client et le serveur
navigator.sendBeacon
La nouvelle API de reporting de données asynchrone est spécialement utilisée pour la collecte de données. Le navigateur n'effectuera le reporting de données qu'au moment approprié.
Un scénario typique consiste à collecter et signaler les comportements sortants de manière non bloquante.
Un peu de magie noire
<img>
Dans le passé, lorsque nous effectuions une collecte de données et des rapports, tels que la collecte de PV, nous utilisions souvent la balise img pour construire une requête HTTP GET inoffensive et transmettre les données au backend via une chaîne de requête.
Par exemple, le GA couramment utilisé devrait désormais être utilisé à la place de
sendBeacon, conservez simplement img comme solution de compatibilité de version bassesendBeacon了，只是保留 img 做低版本兼容方案<script>
大名鼎鼎的 JSONP，就是用的 script 标签，从而跨域向后端获取数据
More
来道思考题，能不能用
<script>🎜 🎜Le célèbre JSONP utilise la balise script pour obtenir des données du backend sur tous les domaines🎜 🎜Plus🎜 🎜En tant que question, puis-je utiliser<link>、<iframe><link>et<iframe>pour l'interaction des données ? 🎜Cela devrait vous aider
http://www.cnblogs.com/cxying...
Trois modes de division du travail front-end et back-end :
http://www.algorithmdog.com/%...