私は 10 月の CMS を使用しています。フレームワークでは、次の HTML 要素を使用して AJAX 呼び出しを行うことができます。
<a href="#" class="sbutton" data-request="onSavedeal"
data-request-data="deal_ID:'14779255',type:'local',active:'0'">
<i class="material-icons pink-text listfavorite">favorite</i>
</a>
このリンクがお気に入りボタンでクリックされるたびに、コントローラー「onSavedeal」への更新が開始されます。データベースの更新は、最初のクリックで正常に機能します。ただし、更新後、「data-request-data」属性の値は更新されないため、ボタンはその後のクリックでは機能しません。
"active:'0'" が "active:'1'" になるようにリンクを変更する必要があります。結果の完全な要素は次のようになります
<a href="#" class="sbutton" data-request="onSavedeal"
data-request-data="deal_ID:'14779255',type:'local',active:'1'">
<i class="material-icons pink-text listfavorite">favorite</i>
</a>
フレームワークでは、「data-request-success」と呼ばれる別の属性を追加できます。これは、AJAX 呼び出しが正常に完了するまで JavaScript 関数 (またはコード) を実行します。アクティブな値を 0 と 1 の間で切り替える「updateactive()」という関数を作成するにはどうすればよいですか。最終的な要素は次のようになります。
<a href="#" class="sbutton" data-request="onSavedeal"
data-request-data="deal_ID:'14779255',type:'local',active:'0'"
data-reuqest-success="updateactive();">
<i class="material-icons pink-text listfavorite">favorite</i>
</a>