不要在单击链接时发送 GET 请求

Question

[编辑] 我有以下链接：

<a href="" class="undo_feedback">Undo</a>

我在单击链接时执行 ajax 请求：

$('table').on('click', '.undo_feedback', function(e){
    // some code here
    $.ajax({
      type: "POST",
      data: {'_method': 'delete'},
      url: //some url
    });
    e.preventDefault();
  });

它给出了错误cannot GET '//some url'。 POST 请求执行成功。我怎样才能摆脱这个错误？ 我尝试过使用return false、e.stopPropagation() 和e.stopImmediatePropagation()，但它们似乎都不起作用。任何帮助将非常感激。在此先感谢:)

Answer 1

$('table').on('click', '.undo_feedback', function(e){
   // some code here
   e.preventDefault();    
   $.ajax({
      type: "POST",
      method : "delete",
      url: //some url
   });
});

把e.preventDefault();放在上面

希望对你有帮助

Answer 2

你需要定义变量delete_url

$('table').on('click', '.undo_feedback', function(e){
    // some code here
--> delete_url = '/mydir/mydelete.php'; <--- LOOK HERE
    $.ajax({
      type: "POST",
      data: {'_method': 'delete'},
      url: delete_url,
    });
    e.preventDefault();
  });

我个人更喜欢使用 jQuery.post 方式而不是通过 ajax...

jQuery.post(delete_url,
                {
                _method : 'delete'
                }
            ,
            function(data)
                {
                window.alert(data);
                }
            );

Answer 3

您是否将 url 分配给 delete_url

试试这个

//assign url to the variable
var delete_url="google.com/post";
$('table').on('click', '.undo_feedback', function(e){
// some code here
$.ajax({
  type: "POST",
  data: {'_method': 'delete'},
  url: delete_url,
});
e.preventDefault();
});