使用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的变量而不是字符串!!