Wie Front-End- und Back-End-Daten wissenschaftlich interagieren sollten-js-Tutorial-php.cn

Wie Front-End- und Back-End-Daten wissenschaftlich interagieren sollten

php中世界最好的语言

Freigeben： 2018-03-09 11:40:11

Original

1544 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie die Front-End- und Back-End-Daten wissenschaftlich miteinander interagieren sollten. Was sind die Vorsichtsmaßnahmen für die Interaktion zwischen Front-End- und Back-End-Daten? Werfen wir einen Blick darauf.

HTML-Zuweisung

JS-Zuweisung

Skript füllt JSON

AJAX erhält JSON

WebSocket überträgt Daten in Echtzeit

Zusammenfassung

1. HTML-Zuweisungsausgabe zum Wert oder Datennamen des Elements

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

Nach dem Login kopieren

Rendering-Ergebnis

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

Nach dem Login kopieren

Verwenden Sie JS, um $(' input'). val();

$(&#39;div&#39;).data(&#39;avatar&#39;);

Nach dem Login kopieren

Vorteile: Es belegt keine globalen Variablen und kann von JS frei bezogen werden.
Verwendungsvorschläge: Geeignet für die Übergabe einfacher Daten und auch sehr gut geeignet für die Bindung von Beziehungen zwischen mehreren einfachen Daten und Elementen.

 <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>

Nach dem Login kopieren

2. JS-Zuweisung
füllt Daten in die JavaScript-Variablendeklaration von

Neueste Artikel des Autors