没有使用jquery在帖子表单上发送数据

时间:2017-06-25 12:32:02

标签: jquery html forms

我有一个简单的表格

<form class="form-horizontal" id="new-tag-form">
    <div class="form-group">
        <label for="inputTagName" class="col-sm-2 control-label">Name</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="inputTagName">
        </div>
    </div>
</form>

还有一个按钮

<button id="create-tag" type="button" class="btn btn-primary">Create</button>

我想在点击该按钮时发布表单(发送json数据)。为此,我添加了一个函数

$('#create-tag').click(function() {
    $.post(
            "/tags-rest/tag",
            $('#new-tag-form').serialize(),
            function(data) {
                alert(data);
            }
    );
});

但是当我点击该按钮时 - 它发送的请求没有来自表单的任何数据。有什么问题?

1 个答案:

答案 0 :(得分:3)

只有具有name属性的表单控件才能使用浏览器默认提交流程发送到服务器或包含在serialize()

name用于键/值对中的键

<input type="text" class="form-control" id="inputTagName" name="tagname">