使用 jquery 序列化表单数据

Question

我有一个如下所示的表格，我正在尝试通过 jquery 提交数据。它不工作。警报是空白的。请注意，我正在使用 bulma css 框架。

HTML形式

<form method="post" action="">
    <div class="field">
        <label class="label">Name</label>
        <div class="control">
            <input class="input" type="text" id="yrname" name="yrname" placeholder="Text input">
        </div>
    </div>

    <div class="field">
        <label class="label">Username</label>
        <div class="control has-icons-left has-icons-right">
            <input class="input is-success" type="text" id="usrname" name="usrname" placeholder="Text input" value="bulma">
        </div>
    </div>

    <div class="control">
        <input class="button is-link" type="submit" value="Submit">
    </div>
</form>

JavaScript/jQuery

$('.button').on('click', function(e){
    var data1 = $('form').serialize();
    alert('data1');
});

Answer 1

替换

alert('data1');

有

alert(data1);

data1是js的变量不是字符串！！

使用 jquery 序列化表单数据

Serializing form data with jquery

jquery

bulma