表格被张贴两次

Question

由于某种原因，我的表格被张贴了两次。

// POST: MISObjects/Create
// To protect from overposting attacks, enable the specific properties you want to bind to, for 
// more details, see http://go.microsoft.com/fwlink/?LinkId=317598.
[HttpPost]
public async Task<IActionResult> Create([Bind("Id,Title,Subject,IncidentDate,DateRiased,Priroty,Category,Type,OMC_1,OMC_2,LastUpdatedBy,Description")] MISObject mISObject)
{
if (ModelState.IsValid) {
_context.Add(mISObject);
await _context.SaveChangesAsync();
return RedirectToAction("Index");
} else {
var test = Json(new {
status = "failure",
formErrors = ModelState.Select(kvp => new { key = kvp.Key, errors = kvp.Value.Errors.Select(e => e.ErrorMessage) })
});  

}
}

我的表格

@using (Html.BeginForm("Create", "MISObjects", FormMethod.Post, new { @id = "myForm", @name = "myForm", enctype = "multipart/form-data" })) {      
<div asp-validation-summary="All" class="text-danger"></div>
@Html.HiddenFor(m => m.Id)
@Html.TextBoxFor(model => model.Title, new { @class = "form-control", @placeholder = "Title" })
@Html.ValidationMessageFor(m => m.Title, string.Empty, new { @style = "color:red;" })
@Html.TextBoxFor(model => model.Subject, new { @class = "form-control", @placeholder = "Subject" })
@Html.ValidationMessageFor(m => m.Subject, string.Empty, new { @style = "color:red;" })
@Html.EditorFor(model => model.IncidentDated, new { htmlAttributes = new { @class = "form-control datetimepicker" } })
@Html.ValidationMessageFor(model => model.IncidentDated)                      
@Html.LabelFor(model => model.DateReported)
@Html.EditorFor(model => model.DateReported, new { htmlAttributes = new { @class = "form-control datetimepicker" } })
@Html.ValidationMessageFor(model => model.DateReported)
<span asp-validation-for="Title" class="text-danger"></span>
<input name="IsValid" type="hidden" value="@ViewData.ModelState.IsValid.ToString()" />
<span asp-validation-for="Title" class="text-danger"></span>
<div class="modal-footer">
<button type="submit" id="AjaxPost" class="btn btn-primary">Save</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>

}我的提交阿贾克斯

<script type="text/javascript">
$(function () {
$.validator.unobtrusive.parse('#myForm');
//Submit button
var submitButton = $("#AjaxPost");
var infoForm = $("#myForm");
submitButton.click(function () {
SubmitInfo(infoForm);
});
});
function SubmitInfo(formContainer) {
$.ajax({
url: "@Url.Action("Create", "MISObjects")",
type: 'post',
data: formContainer.serialize()
});
}
</script>

Answer 1

原因是因为我更改为开始表单方法来执行我的 ajax，一旦我删除了下面的内容，它就会执行两次帖子，这很好，只产生了一条记录。

<script type="text/javascript">
$(function () {
$.validator.unobtrusive.parse('#myForm');
//Submit button
var submitButton = $("#AjaxPost");
var infoForm = $("#myForm");
submitButton.click(function () {
SubmitInfo(infoForm);
});
});
function SubmitInfo(formContainer) {
$.ajax({
url: "@Url.Action("Create", "MISObjects")",
type: 'post',
data: formContainer.serialize()
});
}
</script>