传递可变大小的表单

我有一个大小（长度）可变的表单，它是从 MySQL 数据库填充的。有 4 个字段组成用于创建按钮的信息（id、按钮#、名称和价格）。提交表单后，我想将所有值保存到 MySQl 数据库，并使用成功消息更新页面底部的 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 很陌生，所以如果我也能得到一些解释，我相信这会对帮助我解决这个问题大有帮助。

希望这可以帮助：

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