Ajax与jQuery，提交处理程序

我仍然需要你的帮助。今天，我想用jQuery在Ajax中开发一个小功能。Ajax与jQuery，提交处理程序

我找到了一个简单的教程，它回答了我的意愿。作者使用Jquery Validate Plugin，我不需要。

我不知道如何在不使用插件的情况下翻译代码。我尝试了几十种组合（我不是很有天赋！）。

这里是原代码...

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#myform").validate({ 
     debug: false, 
     rules: { 
     /// 
     }, 
     messages: { 
     /// 
     }, 
     submitHandler: function(form) { // How to repace this? 
      $.post('process.php', $("#myform").serialize(), function(data) { 
       $('#results').html(data); 
      }); 
     } 
    }); 
}); 
</script>

感谢您的帮助。 :)

问候，

文森特

来源

2011-02-01 Vincent

退房.submit()：

$(document).ready(function(){ 
    $("#myform").submit(function(e) { 
     e.preventDefault(); 

     // This part stays the same 
     $.post('process.php', $("#myform").serialize(), function(data) { 
      $('#results').html(data); 
     }); 
    }); 
});

...结合的事件处理到提交表单的事件。 e.preventDefault然后阻止表单正常提交（没有ajax）。

来源

2011-02-01 14:04:07

是的，它的作品，我喜欢你的解决方案。感谢你和其他人。（在我询问之前，我读了Api。^^） – Vincent 2011-02-01 16:58:28

var data = $("#myForm").serialize(); 
$.ajax 
          ({ 
          type: "POST", 
          url: "mail.php", 
          data: data, 
          cache: false, 
          success: function() 
           { 
            alert("Thank you"); 
           } 
          });

这是AJAX使用jQuery的基本前提 - 你应该能够在子你的代码这一点很容易:)

来源

2011-02-01 14:04:58 benhowdle89

好，

大约只是你的数据发送到服务器是什么并等待答案？

$.ajax({ 
    url: '/your_script_url', 
    data: ({data_1 : "data_1", data_n : "data_n"}), 
    success: function(data) { do something; } });

我希望这会帮助你。

来源

2011-02-01 14:06:25 DKSan

请随时浏览这里获取更多信息

http://api.jquery.com/jQuery.ajax/

来源

2011-02-01 14:42:55 Joberror

Ajax与jQuery，提交处理程序

回答

相关问题