我有一个从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还是陌生的,所以如果我也能得到一些解释,我相信它将大大帮助我解决这个问题。
希望这可以帮助:
$('form').submit(function() { $.post("myfile.php", $(this).serialize(), function(response) { console.log(response); }); });