php – 传递可变大小的表单

我有一个可变大小(长度)的表单,从 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);
    });
});