我有一个简单的表格
<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);
}
);
});
但是当我点击该按钮时 - 它发送的请求没有来自表单的任何数据。有什么问题?
答案 0 :(得分:3)
只有具有name
属性的表单控件才能使用浏览器默认提交流程发送到服务器或包含在serialize()
name
用于键/值对中的键
<input type="text" class="form-control" id="inputTagName" name="tagname">