NodeJS - jQuery DELETEメソッド

Question

ボタンクリックでDELETEリクエストを送信しようとしていますが、jQueryが設定されていて、deleteメソッドのルーティングを使用しているにもかかわらず、GETリクエストエラーCannot GET /app/delete/1。私はjQueryを正しく実装していますか？このGETリクエストをどうやって防ぐのですか？

ルート：

appRoutes.route('app/delete/:testId') 

    .delete(function(req, res){ 
     models.Test.destroy({ 
      where: { 
       userId: req.user.user_id, 
       testId: req.params.testId   
      } 
     }).then(function(){ 
      res.redirect('/app'); 
     }); 
    }); 

リンク：

<a href="/app/delete/{{test.testId}}" id="test-delete-link">Delete</a> 

のjQuery：

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#test-delete-link').click(function(){ 
       $.ajax({ 
        type: 'DELETE', 
        url: '/app/delete/{{test.testId}}' 
       }); 
      }); 
     }); 
    </script> 

Answer 1

問題は、リンクがクリックされたときに、それはGETを使用していることです。あなたのリンクがクリックされると、2つのことが起こっています。

• clickイベントがトリガーされ、jQueryがDELETEリクエストを送信します。
• ブラウザはリンクであるため、GET要求を同じパスに送信します。

これを修正するには、リンクのhrefプロパティを"javascript:void(0);"に設定します。これにより、リンクをクリックすると、clickイベントで指定されているものを除いて何も行われなくなります。

補足として、私は/app/delete/:testIdから/app/:testIdへのリクエストのパスを変更します。 DELETE /app/delete/1と言っているように、今のところは冗長です。それを行うためのよりRESTfulな方法はDELETE /app/1です。