Comment les données front-end et back-end devraient interagir scientifiquement

Cette fois, je vais vous montrer comment les données front-end et back-end doivent interagir scientifiquement. Quelles sont les précautions pour l'interaction des données front-end et back-end ? Voici des cas pratiques, jetons un coup d'oeil.

Assignation HTML

Assignation JS

le script remplit JSON

AJAX obtient JSON

WebSocket transmet les données en temps réel

Résumé

1. Sortie d'affectation HTML à la valeur ou au nom de données de l'élément

<div data-value="<?php echo $user_avatar;?>"></div>

Résultat du rendu

<div data-avatar="https://avatars1.githubusercontent.com/u/3949015?v=3&s=40"></div>

Utilisez JS pour obtenir $(' input'). val();

$('div').data('avatar');

Avantages : Il n'occupe pas de variables globales et peut être obtenu librement par JS.
Suggestions d'utilisation : convient pour passer des données simples, et également très approprié pour lier des relations entre plusieurs données simples et Element.

 <li>nimojs <span data-userid="1" >删除</span></li>
  <li>nimo22 <span data-userid="2" >删除</span></li>
  <li>nimo33 <span data-userid="3" >删除</span></li>
  <li>nimo44 <span data-userid="4" >删除</span></li>
  <li>nimo55 <span data-userid="5" >删除</span></li></ul><script>
  $(&#39;span&#39;).on(&#39;click&#39;,function(){ 
    $.post(&#39;/ajax/remove/&#39;,$(this).data(&#39;userid&#39;),function(data){ // ... })
  })</script>

2. L'affectation JS
remplit les données dans la déclaration de variable JavaScript de