javascript - 使用ajax发送表单数据

Question

我想使用 ajax 以表单形式发送所有输入。我有一个这样的表单。

<form action="target.php" method="post" >
    <input type="text" name="lname" />
    <input type="text" name="fname" />
    <input type="buttom" name ="send" onclick="return f(this.form ,this.form.fname ,this.form.lname) " >
</form>

在 .js 文件中，我们有以下代码:

function f (form ,fname ,lname ){
    att=form.attr("action") ;
    $.post(att ,{fname : fname , lname :lname}).done(function(data){
        alert(data);
    });
    return true;

但这不起作用。我不想使用表单数据。

Answer 1

就我们要发送所有具有名称属性的表单输入字段而言，您可以对所有表单执行此操作，而不管字段名称如何:

第一个解决方案

function submitForm(form){
    var url = form.attr("action");
    var formData = {};
    $(form).find("input[name]").each(function (index, node) {
        formData[node.name] = node.value;
    });
    $.post(url, formData).done(function (data) {
        alert(data);
    });
}

第二个解决方案:在此解决方案中，您可以创建一个输入值数组:

function submitForm(form){
    var url = form.attr("action");
    var formData = $(form).serializeArray();
    $.post(url, formData).done(function (data) {
        alert(data);
    });
}