まず HTML インターフェースのコードを見てください: これは削除を示す画像リンクです。特定のインターフェイスにジャンプするのではなく、クリックされたときにクリック イベントをトリガーします。 クリック イベントは delete_order() メソッドを実行します。このメソッドでは 1 つのパラメータ、つまり注文番号が渡されます。このパラメータを通じて、対応する削除操作を実行できます。 次の jQuery コード: コードをコピーします コードは次のとおりです: <br> function delete_order(order_id){ <br>confirm_ =confirm('このアクションは現在の注文を削除します! よろしいですか?');<br> if(confirm_){<br> $.ajax( {<br> type :"POST",<br> url:'index.php/admin/order/del/' order_id,<br> success:function(msg){<br> //alert("テスト注文" ）; <br>//すべての削除は成功します、これは実行できます<br>; <br>＆lt;削除？ <br> <br>確認された場合は、ajax 操作を実行します。 <br> <br>jQuery には $.ajax() メソッドがあります。 <br> </div>ここには 3 つのパラメータがあり、1 つはタイプで、ここでは POST が使用されます。<br> 2 番目はアドレスです。これは、実行のためにデータをバックグラウンド サーバーに送信する役割を果たします。 <p> </p>3 番目のパラメータはコールバック関数で、削除が成功した場合に実行されます。現時点では、この削除されたレコードの削除など、いくつかのアクションを実行できます。結合されたのは次のコード行です。各レコードには、削除の基準として動的 ID が割り当てられます。ここで注意すべき点は、すべてのバックグラウンド実行が成功するまで、このコールバック関数は実行されないということです。 <p> </p><tr id="tr_<?php echo $item['order_id']; ?>"></tr><p> </p>以下はバックグラウンドで実行されるコードです<p></p> <p></p> <p>コードをコピーします</p> <p><br> コードは次のとおりです:</p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="97829" class="copybut" id="copybut97829" onclick="doCopy('code97829')">function del () {<u> $order_id = $this->uri->segment(4);</u> if ($order_id > 0) {</a> $this->db ->delete(' billing', array('order_id' => $order_id));</span> $this->db->delete('shipping_address', array('order_id' => $order_id) ));</div> $this->db->delete('order_products', array('order_id' => $order_id));<div class="codebody" id="code97829"> $this->db->delete('comments ', array('order_id ' => $order_id));<br> }<br> $this->db->delete($this->tbname, array('id' => $order_id) ));<br> }<br><br><br>このバックグラウンド コントローラーのメソッドは、$this->uri->segment(); メソッドを通じてパラメーターを取得し、変数 order_id に割り当てます。 <p>その後、対応する削除操作をバックグラウンドで実行できます。削除が成功すると、デフォルトのメッセージが success メソッドに渡されます。 </p> <p>今日成功メソッドの実行に失敗した理由は、削除操作の実行に失敗し、非表示の情報を成功メソッドに渡すことができなかったためです。なぜ機能しないのでしょうか? $this->db->delete('shipping_address', array('order_id' => $order_id)); はデータベース内のテーブル名に対応していないため、他の人によって変更された可能性があります。 </p> <p>後で修正した後、success メソッドが正常に実行されました。 </p> <p><br>これは簡単な ajax の例です。 ajax の役割を簡単に説明できます。インターフェイスを更新する必要はありません。操作が成功した後、バックグラウンドで秘密裏に操作を実行するだけで、対応するアクションを実行し、jQuery</p> を通じて完了することもできます。</div>
これは削除を示す画像リンクです。特定のインターフェイスにジャンプするのではなく、クリックされたときにクリック イベントをトリガーします。 
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
