传递可变大小的表单

Question

我有一个从MySQL数据库填充的可变大小（长度）的表单。有4个字段构成了用于创建按钮的信息（id，button＃，名称和价格）。提交表单后，我想将所有值保存到MySQl
db并用成功消息更新页面底部的div。对于其他所有页面，我都使用类似…

xmlhttp.open("GET","myfile.php?a="+val1+"&b="+val2+"&c="+val3+"&d="+val4,true);
xmlhttp.send();

PHP文件保存数据并为div生成消息。并写信给div

document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

这对于我所有其他页面都很好，但是由于我不知道会有多少字段，因此我无法对xmlhttp.open语句进行硬编码。

我是ajax和jQuery的新手，并且知道必须有一种方法可以轻松地做到这一点，但是我一直无法使任何工作正常进行。有人告诉我可以用这个

$.each($('#yourform').serializeArray(), function() { console.log(" <" +this.name+ '>' + this.value + "</" + this.name + "> " ); });

并且确实打印出每个表单元素，但不确定如何将这些信息获取到我的PHP文件中以及如何为div生成返回消息。同样，我对ajax和jquery还是陌生的，所以如果我也能得到一些解释，我相信它将大大帮助我解决这个问题。

Answer 1

希望这可以帮助：

$('form').submit(function() {
    $.post("myfile.php", $(this).serialize(), function(response) {
        console.log(response);
    });
});