フロントエンドとバックエンドのデータが科学的にどのように相互作用するべきか-jsチュートリアル-php.cn

今回は、フロントエンドとバックエンドのデータを科学的に操作する方法と、フロントエンドとバックエンドのデータを操作する際の注意事項について説明します。実際のケースを見てみましょう。

HTMLの割り当て

JSの割り当て

スクリプトはJSONを埋める

AJAXはJSONを取得

WebSocketのデータのリアルタイム送信

概要

1のHTMLの割り当てはElement

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

ログイン後にコピー

のレンダリング結果の値またはデータ名を出力します。

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

ログイン後にコピー

JS を使用して $('input').val();

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

ログイン後にコピー

利点: グローバル変数を占有せず、JS で自由に取得できます。
使用方法の提案: 単純なデータを渡すに適しており、複数の単純なデータを要素にバインドするのにも非常に適しています。

 <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. JS 割り当て
は、

人気のチュートリアル

詳細>