小编典典

传递可变大小的表单

ajax

我有一个从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还是陌生的,所以如果我也能得到一些解释,我相信它将大大帮助我解决这个问题。


阅读 276

收藏
2020-07-26

共1个答案

小编典典

希望这可以帮助:

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