jquery - 使用 jQuery 的 Ajax 表单

Question

我正在制作一个功能，使我网站中的每个表单都提交但“从后面”提交，因此网站不会被重定向。

这是代码：

$('form').each(function(data){
    var el = $(this);
    $(el).submit(function(){
        var action = el.attr('action');
        $.post(action, function(){
            console.log(action);
        });
        return false;    
    });
});

“console.log”日志de URL没有问题，同一个URL有表单的数据。但是 $.post 函数不会提交它。

任何想法？，这是在 symfony2 中。

Answer 1

不要忘记发布您的表单数据

我用 $.ajax 举了一个例子

$(".yourform").submit(function(e){
  e.preventDefault();
  var data = $(this).serialize();
  var action = $(this).attr('action');

  $.ajax({
       url: action,
       type: "POST",
       data: data,
       success: function(result) {                        
         //logic here
       }); 
   });

});