Использование MVC/Json/Jquery.
Использование формы для создания новой «группы».
Форма на ~ Группе/Управление, отправка формы на ~ Группа/Создать Во время работы над этим возвратный результат Json работал отлично, обрабатывая JQuery, не перенаправляя URL.
Теперь, каждый раз, когда я запускаю его, он перенаправляет меня на ~ Group/Create и отображает результат Json.
ASP.NET MVC jQuery JSON результат перенаправления URL
Controller Group/Создание
[HttpPost]
public ActionResult Create([Bind(Include="name,description")] GroupModel groupmodel)
{
...
return Json(new { success = true, message = groupmodel.name }, JsonRequestBehavior.AllowGet);
}
Форма
<form id="frm_createGroup" action="/Groups/Create" method="post">
<h2>Create Group</h2>
<div class="form-group">
@Html.LabelFor(model => model.name, new { @for = "name" })
@Html.TextBoxFor(model => model.name, new { @class = "form-control", @placeholder = "Group Name" })
@Html.ValidationMessageFor(model => model.name)
</div>
<div class="form-group">
@Html.LabelFor(model => model.description, new { @for = "description" })
@Html.TextBoxFor(model => model.description, new { @class = "form-control", @placeholder = "Group Description" })
@Html.ValidationMessageFor(model => model.description)
</div>
<span id="createGroupMessage"></span>
<button type="submit" class="btn btn-primary pull-right">Create</button>
</form>
Jquery для обработки формы
$(document).ready(function(){
$('#navGroups').makeActiveMenuItem();
var options = {
success: groupCreateSubmitted
,error: groupCreateError
}
$('#frm_createGroup').ajaxForm(options);
});
function groupCreateSubmitted(responseText, statusText, xhr, $form) {
if (responseText.success)
{
$('#createGroupMessage').html = "Group Created";
}
else
{
$('#createGroupMessage').html = responseText.message;
}
}
Чтобы быть ясным, я не хочу перенаправления URL-адресов, я просто хочу, чтобы Jquery поймал возвращение (это было раньше, не знаю, почему его изменили ...)
Спасибо!
Очевидно, что он делает обычный подать. Какой плагин вы используете, и что, если какие-либо ошибки вы получаете в консоли? –
, используя плагин jquery form (http://malsup.com/jquery/form/), не вижу ошибок :(Хмм я вижу, что он висит на внешнем скрипте, ссылаясь на плагин формы, может попытаться получить локальную копию и посмотрите, не исправляет ли он это. – michaelBurns
Согласно [docs] (http://malsup.com/jquery/form/#api), _ ". ajaxForm() готовит форму для отправки через AJAX, добавляя все необходимые для прослушивания событий. Он не отправляет форму «_. Вы включили« ajaxSubmit() »в свой код? –