ajax - 何时使用 $.ajax()、$ ('#myForm' ).ajaxForm 或 $ ('#myForm' ).submit

Question

鉴于向服务器提交某事的选项如此之多，我感到有些困惑。

有人可以帮我弄清楚什么时候应该使用哪个以及为什么？

1> $.ajax()
2> $('#myForm').ajaxForm
3> ajaxSubmit
4> $('#myForm').submit

谢谢

Answer 1

我个人更喜欢创建一个函数，例如 submitForm(url,data)这样就可以重复使用了。

Javascript:

function submitForm(t_url,t_data) {
$.ajax({
  type: 'POST',
  url: t_url,
  data: t_data,
  success: function(data) {
    $('#responseArea').html(data);
  }
});
}

HTML:
<form action='javascript: submitForm("whatever.php",$("#whatevervalue").val());' method='POST'>等等等等

编辑 然后试试这个:

$('#yourForm').submit(function() {
    var yourValues = {};
    $.each($('#yourForm').serializeArray(), function(i, field) {
        yourValues[field.name] = field.value;
    });
    submitForm('whatever.php',yourvalues);
});